网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
js通用滑动门类
网络编程 发布日期:2024/10/14 浏览次数:
1
正在浏览: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 < 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实现双击单元格变成文本输入框效果代码
首页
无损音乐
高清电影
破解资源