可以实现滑动门效果代码类 滑动门通用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.把以上代码引进你的页面 2.在页面的""标签前加入以下代码: 其中sd方法中的参数为: 参数一 [菜单id数组]:滑动门菜单的id 参数二 [内容id数组]:显示和隐藏滑动内容层的id 参数三 "菜单触发类":鼠标经过滑动门菜单的类 参数四 "菜单关闭类":鼠标滑出滑动门菜单的类 3.页面中有几个滑动门就调用几次sd函数,只需改变sd调用的参数,如以上代码上所展示. [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]以上就是js通用滑动门类的详细内容,更多请关注0133技术站其它相关文章!