专注于互联网--专注于架构
最新标签
网站地图
文章索引
Rss订阅
首页
CrazyCoder
原创
翻译
数据库
项目管理
QQ协议开发
开发语言
Web开发
验证码识别
技术综合
服务器
Dig版
标签
CrazyCoder
原创
翻译
数据库
项目管理
QQ协议开发
开发语言
Web开发
验证码识别
技术综合
服务器
Rss订阅
首页
»
Javascript教程
» js滑动门:js通用滑动门类 »正文
js滑动门:js通用滑动门类
来源: 发布时间:星期六, 2008年12月27日 浏览:7次 评论:0
点击运行可以看到效果:
滑动门通用JS
="t_rt"> 滑动门封装类
效果预览
="scrollUl">
="sd01" id="m01">滑动门
="sd02" id="m02">滑动门
="sd02" id="m03">滑动门
="sd02" id="m04">滑动门
="sd02" id="m05">滑动门 第
层内容
第 2层内容
第 3层内容
第 4层内容
第 5层内容
="scrollUl">
="sd01" id="mm01">滑动门
="sd02" id="mm02">滑动门
="sd02" id="mm03">滑动门
="sd02" id="mm04">滑动门
="sd02" id="mm05">滑动门 第
层内容
第 2层内容
第 3层内容
第 4层内容
第 5层内容
="scrollUl">
="sd01" id="mmm01">滑动门
="sd02" id="mmm02">滑动门
="sd02" id="mmm03">滑动门
="sd02" id="mmm04">滑动门
="sd02" id="mmm05">滑动门 第
层内容
第 2层内容
第 3层内容
第 4层内容
第 5层内容
源代码
function scrollDoor
{ } scrollDoor.prototype = { sd : function(menus,divs,openClass,closeClass){ var _this = this;
(menus.length != divs.length) { alert("菜单层数量和内容层数量不
样!");
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]).
Name = closeClass; _this.$(divs[j]).style.display = "none"; } _this.$(menus[this.value]).
Name = openClass; _this.$(divs[this.value]).style.display = "block"; } } }, $ : function(oid){
(typeof(oid)
"
")
document.getElementById(oid);
oid; } } </textarea>
使用思路方法
1.把以上代码引进你
页面 <script type="text/javascript" src="scrollDoor.js"></script> 2.在页面
"<body>"标签前加入以下代码: <script type="text/javascript"> var SDmodel =
scrollDoor
; SDmodel.sd([菜单id
],[显示层id
],"菜单触发类","菜单关闭类"); SDmodel.sd([菜单id
2],[显示层id
2],"菜单触发类","菜单关闭类"); SDmodel.sd([菜单id
3],[显示层id
3],"菜单触发类","菜单关闭类"); </script>
其中sd思路方法中
参数为: 参数
[菜单id
]:滑动门菜单
id 参数 2 [内容id
]:显示和隐藏滑动内容层
id 参数 3 "菜单触发类":鼠标经过滑动门菜单
类 参数 4 "菜单关闭类":鼠标滑出滑动门菜单
类 3.页面中有几个滑动门就
几次sd
,只需改变sd
参数,如以上代码上所展示.
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
标签:
滑动轴承
js滑动条
js滑动
js滑动门
下载文章的 PDF文档电子版 离线看
0
顶一下
相关文章
2008-12-27
js滑动门:一个js实现的所谓的滑动门
2008-12-27
鼠标自动滑动:js自动滑动+鼠标滑动区域
2008-12-26
js滑动门:简单通用的JS滑动门代码
2008-9-5
滑动折叠菜单:JS实现滑动展开与折叠效果
读者评论
共0条 分0页
发表评论
昵称:
内容:
更多
热门标签
函数的属性
(1)
vb内部函数
(1)
callee
(1)
arguments.callee
(1)
refout区别
(1)
web浏览器源代码
(1)
ref和out的区别
(1)
浏览器javascript
(1)
flash小游戏源代码
(1)
excel解决运筹学
(1)
网页小游戏源代码
(1)
excel乱码解决
(1)
excel方案
(1)
小游戏源代码
(1)
什么是c构造函数
(1)
复制文件夹
(1)
错误模块user32.dll
(1)
dos下复制文件夹
(1)
user32.dll函数
(1)
user32.dll.mui
(1)
user32.dll
(1)
socket套接字
(1)
socket套接字例子
(1)
程序换肤代码
(1)
dataset对象
(1)
参数没有默认值
(1)
网络用于
(1)
最短路算法
(1)
密码最早用于
(1)
最短路
(1)
vcsetwindowlong
(1)
setwindowlong
(1)
变量与函数课件
(1)
有默认参数的函数
(1)
函数指针类型
(1)
n自然数
(1)
javacomponent
(1)
activexcomponent
(1)
principal
(1)
socket创建服务器
(1)
component
(1)
对象的赋值
(1)
分层数据流图
(1)
对象赋值
(1)
构造函数赋值
(1)
拷贝构造赋值区别
(1)
继承机制的实现
(1)
全局变量作用域
(1)
多重继承缺点
(1)
变量的生存期
(1)
RSS订阅
更多
精华推荐
卑鄙无耻的猫扑公司,无耻的联盟,黑心联盟
关于这次疯狂代码生成器的改版,以及一些抓
原创,使用轮廓以及扇形扫描实现qq的验证
疯狂代码,大型网站架构系列之三,多对多关
疯狂代码,大型网站架构系列之二,底层架构
疯狂代码,大型网站架构系列之一,前言,不
c# 一个有用的汉字转拼音类
原创发布一个C#.Net对XML文件的操
CrazyCoder原创发布一个c#获取
c#常用的正则表达式,其实对所有语言都通
RSS订阅
更多
Dig排行
疯狂代码生成器简介
sql语句大全:常用 SQL 语句大全
sql触发器:如何在SQL Server
C#多线程教程系列之一,多线程入门,实例
会员登陆代码 一个最简单的会员登陆代码
疯狂代码,大型网站架构系列之一,前言,不
Flash文字特效
疯狂代码,大型网站架构系列之二,底层架构
ftp映射:FTP映射让资源应用更灵活
ajax应用实例 用AJAX编写用户注册
RSS订阅
更多
阅读排行
会员登陆代码 一个最简单的会员登陆代码
疯狂代码生成器简介
sql语句大全:常用 SQL 语句大全
u盘文件夹被隐藏:手动清除仿文件夹图标U
C#多线程教程系列之一,多线程入门,实例
疯狂代码,大型网站架构系列之一,前言,不
C#多线程教程系列之二,多线程入门,实例
疯狂代码,大型网站架构系列之二,底层架构
c#常用的正则表达式,其实对所有语言都通
疯狂代码,大型网站架构系列之三,多对多关
RSS订阅
更多
评论排行
javascript效果:慢慢展开再慢慢
js代码:JS查看对象功能代码
javascript验证码:javasc
js单元格:js实现双击单元格变成文本输
js滑动门:js通用滑动门类
js打开新窗口:js动画效果打开层 关闭
jstextarea:js插入字符到te
js调用flash代码:js调用flas
eclipseext插件:ext for
js方法详解:JS event使用思路方