js通用滑动门类

滑动门通用JS 滑动门封装类效果预览滑动门滑动门滑动门滑动门滑动门第一层内容第二层内容第三层内容第四层内容第五层内容滑动门滑动门滑动门滑动门滑动门第一层内容第二层内容第三层内容第四层内容第五层内容滑动门滑动门滑动门滑动门滑动门第一层内容第二层内容第三层内容第四层内容第五层内容源代码 function scrollDoor(){ } scrollDoor.prototype = { sd : function(menus,divs,openClass,closeClass){ var _this = this; if(menus.length != divs.length) { alert("菜单层数量和内容层数量不一样!"); return false; } for(var i = 0 ; i 使用方法 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调用的参数,如以上代码上所展示. [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　JavaScript面象对象设计

新一篇: JavaScript中字符串相等比较面象对象的应用是相当广泛的，在桌面编程中很早就出现了，应用比较成熟，象C++，Java，C#等。而在Web编程这一块，出现就要晚得多，以致于现在的Web开发很困难，当然也有Web开发>>>详细阅读

本文标题：js通用滑动门类

地址：http://www.17bianji.com/kaifa2/JS/29730.html

1/2 1