dw选项卡代码_Dreamweaver中js实现竖向选项卡或滑动门代码！急！！！

展开全部

滑动门通用JS

function scrollDoor(){

}

scrollDoor.prototype = {

sd : function(menus,divs,openClass,closeClass){

var _this = this;

if(menus.length != divs.length)

{

alert("菜单层数量e5a48de588b63231313335323631343130323136353331333264656132和内容层数量不一样!");

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;

}

window.onload = function(){

var SDmodel = new scrollDoor();

SDmodel.sd(["m01","m02","m03","m04","m05"],["c01","c02","c03","c04","c05"],"sd01","sd02");

SDmodel.sd(["mm01","mm02","mm03","mm04","mm05"],["cc01","cc02","cc03","cc04","cc05"],"sd01","sd02");

SDmodel.sd(["mmm01","mmm02","mmm03","mmm04","mmm05"],["ccc01","ccc02","ccc03","ccc04","ccc05"],"sd01","sd02");

}

滑动门封装类

效果预览

滑动门
滑动门
滑动门
滑动门
滑动门

第一层内容

第二层内容

第三层内容

第四层内容

第五层内容

滑动门
滑动门
滑动门
滑动门
滑动门

第一层内容

第二层内容

第三层内容

第四层内容

第五层内容

滑动门
滑动门
滑动门
滑动门
滑动门

第一层内容

第二层内容

第三层内容

第四层内容

第五层内容

本回答由提问者推荐

已赞过

已踩过<

你对这个回答的评价是？

收起

dw选项卡代码_Dreamweaver中js实现竖向选项卡或滑动门代码！急！！！相关推荐

改编的一个滑动门代码
今天在源码爱好者上看到一个滑动门代码,改编了下,呵呵. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
dw选项卡代码_Dreamweaver 中的 Spry 选项卡 Tabbed Panels 自定义外观的一些细节
1.添加或者修改各个选项卡标签页中的文字点击标题上的"小眼睛"可以切换到该面板和该面板的内容区 2.了解Spry选项卡对应的几个文件,方便自定义外观及设置, 注意一个站点默认指挥 ...
Java写js的Ajax代码_用JS写的一个Ajax库(实例代码)
myajax是一个用js编写的一个跨浏览器的ajax库,支持get, post, jsonp请求,精巧,简单. 一.发送GET请求: myajax.get({ data: {}, //参数 url: ...
php文字红色代码,IOS_IOS中一段文字设置多种字体颜色代码，给定range和需要设置的颜色， - phpStudy...
IOS中一段文字设置多种字体颜色代码给定range和需要设置的颜色,就可以给一段文字设置多种不同的字体颜色,使用方法如下: [self fuwenbenLabel:contentLabel Font ...
图书浏览界面html代码,javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程在这里推荐turn.js 网上的turn.js 有api 不过是英文的很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn ...
dw常用标签_dreamweaver中常用到的标签及含义
maxlength=字元数> [6]预设checkbox或radio的初值 -- checked <input type=checkbox checked> <input ty ...
xml转java代码_java 中xml转换为Bean实例解析（纯代码）
最近用到,记录一个自己写的demo在根元素上使用@XmlRootElement注解,name为元素名子元素属性使用@XmlElement,name为元素名若有属性,例如,则使用@XmlAttrib ...
云效Codeup代码评审中的代码协同
简介: 云效 Codeup 汇集了阿里巴巴最新的代码托管.代码协同技术,希望能够造福更多中国和世界的开发者. 大神说:"Show me the code",于是就有了代码评审. & ...
代码评审中的代码协同
简介: 代码评审中同样存在着"Talk is cheap. Show me the code",语言无力时,直接上代码吧.这就是我们今天要讨论的话题--代码评审中的代码协同. 作者 ...
linux怎么删除代码库,是否有从代码库中删除第三方C和C库的好技巧或工具？ (OS X或Linux)...
我正在减少和隔离我对某些库的使用.我编写的许多现有程序直接使用这些库.我想要编译器(在这种情况下是GCC和/或Clang)或一些工具来帮助我识别我的代码库中的这些用法.简而言之,我想在代码库中毒害这些 ...

dw选项卡代码_Dreamweaver中js实现竖向选项卡或滑动门代码！急！！！

dw选项卡代码_Dreamweaver中js实现竖向选项卡或滑动门代码！急！！！相关推荐

最新文章

热门文章