js滑动门及对像的使用
2014-03-07 11:14
274 查看
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"; } } }, def: function (menus, divs, openClass, closeClass, menu, divshow) { var _this = this; for (var j = 0; j < menus.length; j++) { _this.$(menus[j]).className = closeClass; _this.$(divs[j]).style.display = "none"; } _this.$(menu).className = openClass; _this.$(divshow).style.display = "block"; }, $: function (oid) { if (typeof (oid) == "string") return document.getElementById(oid); return oid; } } 使用
var SDmodel = new scrollDoor(); SDmodel.sd(["d1","d2"],["c1","c2"],"li_up",""); 案例 http://esf.sh.soufun.com/agent/agtagent/27686210.htm[/code]
相关文章推荐
- JavaScript利用URL向后台传入中文参数乱码问题解决之道
- js和jsp
- eval解析JSON中的注意点
- JS中如何判断JSON数据是否存在某字段
- 在jsp界面中对字符串进行截取
- Javascript操纵Cookie--转
- 打开Dreamweaver在onLoad运行Design Notes_onOpen.htm时发生了javascript脚本错误的解决方法
- js类型转换与引用类型详解(Boolean_Number_String)
- 开源的JavaScript日期库:Datejs
- javascript获取事件源对象和产生事件的对象
- js登录弹出层 登录框特效
- JS调试必备的5个debug技巧
- javascript中style.left和offsetLeft的用法说明
- config.json ajenti
- json
- 原生js--cookie操作的封装
- 很大气的滑动门图片特效
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 百度校园 频道的JS焦点图代码 带缩略图
- javascript 图片转换base64