Tab选项卡通用js

日期:2009-12-29作者:woniu

字体大小: 小中大

自己一直在用的 js通用选项卡类：

HTML代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>滑动门通用JS</title> 
<style type="text/css"> 
 
</style> 
<script type="text/javascript">

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

     1.把以上代码引进你的页面 <script type="text/javascript" src="scrollDoor.js"></script>

     2.在页面的"<body>"标签前加入以下代码:


            <script type="text/javascript">

            var SDmodel = new scrollDoor();

            SDmodel.sd([菜单id数组],[显示层id数组],"菜单触发类","菜单关闭类");

            SDmodel.sd([菜单id数组2],[显示层id数组2],"菜单触发类","菜单关闭类");

            SDmodel.sd([菜单id数组3],[显示层id数组3],"菜单触发类","菜单关闭类");

            </script>

            其中sd方法中的参数为:

            参数一 [菜单id数组]:滑动门菜单的id

            参数二 [内容id数组]:显示和隐藏滑动内容层的id

            参数三 "菜单触发类":鼠标经过滑动门菜单的类

          参数四 "菜单关闭类":鼠标滑出滑动门菜单的类

     3.页面中有几个滑动门就调用几次sd函数,只需改变sd调用的参数,如以上代码上所展示.

[本日志由 woniu 于 2009-12-29 02:57 PM 编辑]

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: 滑动门js js选项卡

相关日志:

评论: 0 | 引用: 0 | 查看次数: -

发表评论

昵　称:
密　码:	游客发言不需要密码.
内　容:	正在加载编辑器...
验证码:
选　项:	禁止表情转换禁止自动转换链接禁止自动转换关键字

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.