读书人

求诸位指点下这段代码是什么意思

发布时间: 2013-12-13 13:57:17 作者: rapoo

求各位指点下这段代码是什么意思
<script type="text/javascript">
function setTab(name, cursel, n) {
for (i = 1; i <= n; i++) {
var menu = document.getElementById(name + i);
var con = document.getElementById("con_" + name + "_" + i);
menu.className = i == cursel ? "hover" : "";
con.style.display = i == cursel ? "block" : "none";
}
}

</script>
</head>
<body>
<div alt="求诸位指点下这段代码是什么意思" />
类似这样的卡片效果,点击哪个标题,相应的内容呈现出来
[解决办法]
对,就是类似一个菜单的效果
[解决办法]
通过ul li 列表实现的一个菜单样式效果。
[解决办法]
选项卡效果!
[解决办法]
不编译怎么能生成exe?
[解决办法]

引用:
Quote: 引用:

<script type="text/javascript">
function setTab(name, cursel, n) {
for (i = 1; i <= n; i++) {
var menu = document.getElementById(name + i);
var con = document.getElementById("con_" + name + "_" + i);
menu.className = i == cursel ? "hover" : "";
con.style.display = i == cursel ? "block" : "none";
}
}


</script>
</head>
<body>
<div class="z_main">

<ul class="tab_m">
<li id="qi1" onclick="setTab('qi',1,5)">1</li>
<li id="qi2" onclick="setTab('qi',2,5)">2</li>
<li id="qi3" onclick="setTab('qi',3,5)">3</li>
<li id="qi4" onclick="setTab('qi',4,5)">4</li>
<li id="qi5" onclick="setTab('qi',5,5)">5</li>

</ul>
<div class="tab_box" id="con_qi_1">一</div>
<div class="tab_box" id="con_qi_2">二</div>
<div class="tab_box" id="con_qi_3">三</div>
<div class="tab_box" id="con_qi_4">四</div>
<div class="tab_box" id="con_qi_5">五</div>
<script>setTab('qi', 1, 5)</script>
</div>
</body>

看别人在html中写的 但有点不是太懂 请各位指点一下


这个如果想往一二三四五里面放东西应该怎么办 比如说图片

你不会是想做图片轮播吧?
[解决办法]
图片轮播的。网上有很多例子了。最好用jquery来实现吧。

读书人网 >asp.net

热点推荐