首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

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

2013-12-13 
求各位指点下这段代码是什么意思 script typetext/javascriptfunction setTab(name, cursel, n) {for

求各位指点下这段代码是什么意思
 <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来实现吧。

热点排行