js代码 帮我解释一下 我知道是什么效果 能帮我解释一下代码,越详细越好

可以猜测出来hover在css中一定设置过样式。con.style.display=i==cursel?"block":"none";这句意思是如果他的可见性是cursel那么就设置为显示,否则就隐藏。这个是为了实现,点击一个li标签的时候其他li标签隐藏,只有点击的这个对应的下面内容显示。con+name=i 一定是下面包含内容的那个DIV的id。
js代码 帮我解释一下 我知道是什么效果 能帮我解释一下代码,越详细越好
这断代码你给的不全,不过也能看懂。html结构就是ul li元素组成的。一共有4个li元素。
下面定义了一个名字为setTab的方法,方法里面用for循环依次遍历这四个li元素,传进来的折三个参数是为了确定你到底点击了哪一个li元素,也就是为了确定下面的内容显示哪一个。
menu.className=i==cursel?"hover":"";
这一句意思是,判断点击的这个li元素的class名是不是cursel,如果是的话就将他设置为hover,不是的话就设置为"",也就是空。可以猜测出来hover在css中一定设置过样式。
con.style.display=i==cursel?"block":"none";
这句意思是如果他的可见性是cursel那么就设置为显示,否则就隐藏。这个是为了实现,点击一个li标签的时候其他li标签隐藏,只有点击的这个对应的下面内容显示。con+name=i 一定是下面包含内容的那个DIV的id。2012-05-06
就是这四个li标签进行相互切换的效果,如果你点tab1——tab4,下边通过display=block或者display=none; con.style.display=i==cursel?"block":"none";来显示你对应的内容2012-05-07
function setTab(name,cursel,n){
//假设 点击第二个标签
//<li id="tab2" onclick="setTab('tab',2,4)" >领导讲话</li>
for(i=1;i<=n;i++){
//有4个标签,循环4次,来设置每个menu
var menu=document.getElementById(name+i);//对应的标签,领导讲话...
var con=document.getElementById("con_"+name+"_"+i);//要显示的对应新闻框
menu.className=i==cursel?"hover":"";//判断是不是点击了当前标签,cursel是固定值传进来的,是2的话,那么tab2就设置正确的classname
con.style.display=i==cursel?"block":"none";//根据cursel来确定显示对应的详细内容
}
}2012-05-11
mengvlog 阅读 102 次 更新于 2025-09-10 03:09:10 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部