网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
js通用滑动门类
(编辑:jimmy 日期: 2024/10/9 浏览:
2
)
滑动门通用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 < menus.length ; i++) { _this.$(menus[i]).value = i; _this.$(menus[i]).onmouseover = function(){ for(var j = 0 ; j < menus.length ; j++) { _this.$(menus[j]).className = closeClass; _this.$(divs[j]).style.display = "none"; } _this.$(menus[this.value]).className = openClass; _this.$(divs[this.value]).style.display = "block"; } } }, $ : function(oid){ if(typeof(oid) == "string") return document.getElementById(oid); return oid; } } <"preview"> 1.把以上代码引进你的页面 <script type="text/javascript" src="/UploadFiles/2021-04-02/scrollDoor.js">
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:
js动画效果打开层 关闭层
下一篇:
js实现双击单元格变成文本输入框效果代码
首页
音乐
电影
资源