问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

怎么用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}&lt;/style&gt;&lt;div class="menu"&gt;显示/隐藏&lt;i class="fa fa-edit"&gt;&lt;/i&gt;&lt;i class="fa fa-chevron-circle-down"&gt;&lt;/i&gt;&lt;/div&gt;&lt;div class="detail"&gt; &lt;div&gt;详情1行&lt;/div&gt; &lt;div&gt;详情2行&lt;/div&gt; &lt;div&gt;详情3行&lt;/div&gt;&lt;/div&gt;&lt;div ...

js如何实现点击div显示另一个div同时本div隐藏,有好几个div的,要怎么...

点我显示2,然后我隐藏&lt;/div&gt; &lt;div&gt;我是2,点我显示3,然后我隐藏&lt;/div&gt; &lt;div&gt;我是3,点我显示4,然后我隐藏&lt;/div&gt; &lt;div&gt;我是4,点我显示5,

...左侧a标签当点击每一个a,右面切换不一样的Div切换成另一个div_百度...

//获取按钮数组var div=getClass('tab_div');//获取div数组for(i=0;i&lt;btn.length;i++){btn[i].onclick=function(){//按钮点击事件var index=(this.getAttribute('index')-0);//获取是第几个按钮按下if(btn[index].className.indexOf('curr_btn')&gt;=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 &lt;div id="id1"&gt;人员管理&lt;/div&gt; &lt;table id="table1" style="display: none"&gt; &lt;tr&gt; &lt;td&gt;增加&lt;/td&gt; &lt;td&gt;删除&lt;/td&gt; &lt;td&gt;修改&lt;/td&gt; &lt;td&gt;管理&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;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 &gt; oTop ){ $("#div").addClass("topfix"); }else{ $("#d...

JS代码中div的复制怎么实现 通过点击复制按钮又新生成一个一摸一样...

function pa(){ var strbr="&lt;div id=\"name\" style=\"height:50px; width:450px;\"&gt;"strbr=strbr+ document.getElementsByName("name").innerHTML;strbr=strbr+ "&lt;/div&gt;";return strbr;} 返回的值就是一个新的div

js点击按钮切换div内容 div css js实现弹出框 用css和js实现下拉菜单 js点击div移动位置 js点击弹出div层 js点击展开收缩div div点击事件放到js div点击事件onclick js点击事件改变css样式
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
华为mate S和mate7智能手机有什么区别 中国银行的账户年检申请书是不是都一样的? 中国银行外汇账户年检 中国银行人民币单位银行基本账户年检需提供的材料是什么? macbook air 之前安装了双系统,重新装了os x 然后发现鼠标还是触控板... 在微信群里添加好友有没有限制?添加的多了,后面的人会不会收不到... 我加微信群里人为好友一次可以加多少人 已婚天秤座2024年感情运势 天秤座一生只有两次真爱 近视减消镜主要特点 白内障做手术后还需要配带眼镜吗 javascript点击按钮来回切换div 枸杞泡水喝,还是干嚼吃最好 javascript如何实现div中内容替换? 枸杞泡水好还是直接干吃好? ASP.NET 点击切换DIV内容 枸杞是养生食物,那究竟是干吃好还是泡水好呢? jquery怎样实现点击按钮切换div 凯迪拉克CT6这款车怎么样? 我有4个div,里面有不同的文字。现要点击上一页下一页来切换这4个不同的div,如何实现? 枸杞是直接干吃,还是泡水喝好 ct6主动降噪功能怎么开启 js点击一个div控制另一个div内容的显示与隐藏同时小图标也要切换状态... 爱掼蛋有没有PC版 枸杞是干吃好,还是泡水好 ct6怎么不启动carpla通过 Jquery效果,多个DIV,点击切换文字,变换背景颜色,再次点击或者点击其他div... 爱掼蛋PC电脑版的怎么下载??? 后驱兄弟间的对决!CT4/CT5该怎么选? 可转债债转股的规则? jQuery点击div里面的任意元素都能达到切换效果 枸杞泡水吃好还是干吃好 枸杞干吃和泡水的区别在哪里?哪种吃法更能被吸收? div按钮 点击切换下一条和上一条 点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写 华为stk一al00和POT一AL00a哪个好? js 鼠标经过时切换div的内容,如何实现 华为pot-al00a可以更新鸿蒙吗? 我要在移动端上实现点击切换div 怎么做? ...的箭头时可以变换下面的div(一共三个div) 切换div js问题,鼠标点击显示div内容,再点击隐藏,两个div切换有中断。 华为POT-AL00a怎么打开OTG功能? 怎么点击一个div改变另一个div的样式,再点击变回来? js点击菜单切换内容 荣耀magic3和华为mate40能共用手机壳吗? 请问华为POT-AL00a怎么录屏? 华为也推Mate40牛年限量壳,为何厂商越来越重视过年? 最近刚分期入手华为Mate40 Rro手机,大家有什么比较好的防摔手机壳推荐嘛? 华为POT-AL00为什么没有OT? 大家好啊!请问下微信群里面加人,每天最多可以加多少人? 华为mate四十和40e手机壳通用吗