JS通用代码:Tab选项卡通用js代码

http://www.itjxue.com  2015-08-06 23:09  来源:未知  点击次数: 

自己一直在用的 js通用选项卡类:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    1.把以上代码引进你的页面 <script type="text/javascript" src="scrollDoor.js"></script>

     2.在页面的"<body>"标签前加入以下代码:

        
            <script type="text/javascript">

            var SDmodel = new scrollDoor();    
    
            SDmodel.sd([菜单id数组],[显示层id数组],"菜单触发类","菜单关闭类");
    
            SDmodel.sd([菜单id数组2],[显示层id数组2],"菜单触发类","菜单关闭类");
    
            SDmodel.sd([菜单id数组3],[显示层id数组3],"菜单触发类","菜单关闭类");

            </script>

            其中sd方法中的参数为:

            参数一 [菜单id数组]:滑动门菜单的id

            参数二 [内容id数组]:显示和隐藏滑动内容层的id

            参数三 "菜单触发类":鼠标经过滑动门菜单的类

          参数四 "菜单关闭类":鼠标滑出滑动门菜单的类

     3.页面中有几个滑动门就调用几次sd函数,只需改变sd调用的参数,如以上代码上所展示.

(责任编辑:IT教学网)

更多

推荐Javascript/Ajax文章