怎么用js实现这种div的切换,点击导航上的每一个标题,内容的div会...
发布网友
发布时间:2022-04-23 09:57
我来回答
共2个回答
热心网友
时间:2022-04-23 05:07
使用iframe或者是frameset即可。。。改变他们的src,就是对应的html文件。。。追问让我参考下代码
追答<!DOCTYPE HTML>
<html>
<head>
<title>Page Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Description" />
<link rel="stylesheet" href="Stylesheet Location" type="text/css" />
</head>
<frameset rows="20%,65%,*" cols="*" frameborder="NO" border="0"
framespacing="0">
<frame src="top.html" name="topFrame" scrolling="NO" noresize>
<frameset cols="200,*" frameborder="NO" border="0" framespacing="0">
<frame src="left.html" scrolling="auto" name="leftFrame" noresize>
<frame src="main.html" id="main" scrolling="auto" name="mainFrame" noresize>
</frameset>
<frame src="foot.html" scrolling="auto" name="footFrame" noresize>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
热心网友
时间:2022-04-23 06:25
这就是一个普通的选项卡啊,网上js代码很多的
点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写
//方法一:将div中的值赋值到一个用于显示的框中(showBox)var flag=true;btn.onclick=function(){ if(flag){ showBox.innerHTML=div1.innerHTML;btn.value="显示div2的内容"flag=false;} else{ showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } //方法二:用...
js如何实现:在页面中任意位置点击鼠标,则在该位置显示一个div
1.页面复制有一个id为c2的div,下面有一个子div,下面有一个按钮,事件是用来点击100个adddiv。2.在event函数中,定义一个内容为degreediv字符的字符串变量。3.然后使用jquery的append将已知的div字符串添加到c2div,如下所示。4.运行页面,现在只看到一个div,如下图所示。5.单击下面的按钮来触发添...
js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态...
detail {width:300px; border:1px solid #ddf}</style><div class="menu">显示/隐藏<i class="fa fa-edit"></i><i class="fa fa-chevron-circle-down"></i></div><div class="detail"> <div>详情1行</div> <div>详情2行</div> <div>详情3行</div></div><div ...
js如何实现点击div显示另一个div同时本div隐藏,有好几个div的,要怎么...
点我显示2,然后我隐藏</div> <div>我是2,点我显示3,然后我隐藏</div> <div>我是3,点我显示4,然后我隐藏</div> <div>我是4,点我显示5,
...左侧a标签当点击每一个a,右面切换不一样的Div切换成另一个div_百度...
//获取按钮数组var div=getClass('tab_div');//获取div数组for(i=0;i<btn.length;i++){btn[i].onclick=function(){//按钮点击事件var index=(this.getAttribute('index')-0);//获取是第几个按钮按下if(btn[index].className.indexOf('curr_btn')>=0) return;//如果按下的按钮为当前...
用Js做了个功能,点击文字下边显示一个div,继续在点文字有收回去了...
①方法一:xxx.onclick = function() {...this.onclick = null;} 执行了事件后再令这个点击事件为null;或是:xxx.onclick = fun(); function fun() {...xxx.onclick = null;} ② 方法二:用xxx.addEventListener("click", fun); function fun() {...xxx.removeEventListener("click"...
html中我想通过点击一个div标签的文字实现对一个表的隐藏和显示,以前用...
首先给人员管理这个div一个id 然后设置这个表display属性为none <div id="id1">人员管理</div> <table id="table1" style="display: none"> <tr> <td>增加</td> <td>删除</td> <td>修改</td> <td>管理</td> </tr> </table> <script type="text/java...
js点击div移动位置?
box.style.left=a+'px';//每点击一次,向右移动50px } jquery如何实现点击一个按钮div框从右→左,再点击按钮div框从刚刚的位置移动回原来的位置?1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。3、在test.html文件内,设置div标签的...
固定的DIV,当滚动条到一定位置时一个DIV就固定了怎么做
只说方法,代码细节自己调。.topfix{position:fixed;top:0;}/*固定悬浮样式*/var oTop = $("#div").offset().top;//默认上边距离$(document.body).scroll(function(e){//body滚动事件 if(document.body.scrollTop > oTop ){ $("#div").addClass("topfix"); }else{ $("#d...
JS代码中div的复制怎么实现 通过点击复制按钮又新生成一个一摸一样...
function pa(){ var strbr="<div id=\"name\" style=\"height:50px; width:450px;\">"strbr=strbr+ document.getElementsByName("name").innerHTML;strbr=strbr+ "</div>";return strbr;} 返回的值就是一个新的div