当前位置:首页 > 日记 > 正文

手风琴特效插件

手风琴特效插件
手风琴效果高的项目影响的频率,原来的项目已经使用easyui,临近年底,试着写一个自己的。

css样式

复制代码代码如下所示:

CSS文档

{体

保证金:0汽车;

填充:0自动;

字体大小:9pt;

微软雅黑字体,字体:,Arial,Verdana,无衬线字体Helvetica;

}

{。手风琴

左:0px填充;

}

手风琴李{

边境上:1px solid # 000;

列表样式类型:无;

}

{。titlemenu

宽度:100%;

身高:30px;

背景颜色:# f2f2f2;

填料:5px 0px;

文本对齐:左对齐;

光标:指针;

}

titlemenu { IMG。

职位:相对;

左:20px;

上图:5px;

}

titlemenu {跨度。

显示:内联块;

职位:相对;

左:40px;

}

{。

文本对齐:左对齐;

宽度:100%;

左:0px填充;

}

{子李。

列表样式类型:无;

宽度:100%;

}

img {子菜单里。

职位:相对;

左:20px;

上图:5px;

}

{子李。

职位:相对;

左:40px;

上图:5px;

文字装饰:无;

}

子菜单里跨{。

显示:内联块;

身高:30px;

填料:5px 0px;

}

{。徘徊

背景颜色:# 4a5b79;

}
自定义js

复制代码代码如下所示:

(函数($){)

钢琴=函数(){

_menu ={ {标题:一个目录

返回

初始化:功能(obj){

_menu = eval('(' + _menu +);

Var Li =;

美元。每个(_menu,函数(指数、元){

李+ = + +element.title;

如果(element.submenu!= null)

{

李+=;

美元。每个(element.submenu,功能(IND,ELE){

李+ = + +ele.title;

});

李+=;

}

李+=;

});

Obj.append(Li);

}

}

}

美元。fn.accordion =功能(选项){

新钢琴();

pia.init($(this));

返回this.each(函数(){()

VaR ACCS =美元(这个)孩子(李);

accs.each(复位);

Accs.click(onclick);

无功menu_li = $(。子菜单)。儿童(李);

menu_li.each(函数(指数、元){

$(这)。Mousemove(function(e){

$(这),兄弟姐妹()。RemoveClass(悬停);

$(this)。find()。Css()

$(这个)。兄弟姐妹()。find()。Css()

$(这)。AddClass(悬停);

});

});

});

}

函数onClick(){

$(这),兄弟姐妹(李的)。找到(UL)。每个(隐藏);

$(这)找到(UL)。SlideDown(正常);

返回false;

}

函数隐藏(){

$(这)SlideUp(正常);

}

函数重置(){

$(这个)。查找()。隐藏();

}

}(jQuery);
HTML调用

复制代码代码如下所示:

非所有权文件

$(函数(){())

$(#手风琴手风琴());

});


显示效果
这是本文的全部内容,希望大家能喜欢。

相关文章

ps制作一个漂亮的旋转水晶球GIF动

ps制作一个漂亮的旋转水晶球GIF动

动画教程,水晶球,漂亮,电脑软件,ps,本教程是介绍一位朋友用PS制作漂亮的旋转水晶GIF动画。教程所制作的水晶球非常漂亮,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程是向大家介绍利用ps制作漂亮的旋转水晶球GIF动画的方法。本教程…

爱画美丽可爱的蝴蝶

爱画美丽可爱的蝴蝶

蝴蝶,可爱,美丽,电脑软件,本教程是介绍一个朋友,通过ai绘制漂亮蝴蝶教程,画出来的蝴蝶真的很漂亮,但是也不是很难,非常适合初学者学习,推荐,喜欢的朋友可以跟着教程一起学习,希望对你有所帮助。 本教程介绍了一个朋友ai绘制美丽可爱的蝴蝶。本教…

PS图象处理软件文本方式添加教程

PS图象处理软件文本方式添加教程

教程,文本,图象,处理软件,方式,本教程介绍PS图象处理软件文本方式添加方法的朋友。这个教程很基础。非常适合初学者学习。推荐朋友一起学习。 PS图象处理软件的字体在互联网上有许多下载。首先我们下载一个PS图象处理软件的文字风格,和一般…

PS合成美的梦幻和绿色人物场景

PS合成美的梦幻和绿色人物场景

美的,场景,梦幻,人物,电脑软件,本教程是向大家介绍利用PS合成审美梦境、绿色和绿色人物场景。最后的结果真的很漂亮,难度也不是很大。让我们一起学习。 这是ps合成的唯美梦幻绿色绿色角色场景教程。这种教学的关键部分是画面的早期色彩搭配…

人工智能结合PS制作一个超级逼真的

人工智能结合PS制作一个超级逼真的

模式,人工智能,风车,逼真,电脑软件,本教程是介绍AI与PS结合制作一个超现实的编织风车,它真的很漂亮。教程也不是很难。推荐给大家,喜欢的朋友可以跟着教程学习。 本教程是教你利用人工智能和PS制作一个超级逼真的编织风车模式。本教程制作的…

教你用ps制作黑白字体。

教你用ps制作黑白字体。

字体,黑白,教你用,电脑软件,ps,本教程是向ps学习者介绍的,利用ps制作黑白字体,也就是说,相同的字体有黑白两种,效果非常好,而且方法也不是很难。建议喜欢的朋友可以和教程一起学习。 半个字的黑白字在同一个单词中是黑白的,效果如下图所示。下面…

PS图象处理软件会定期的电影

PS图象处理软件会定期的电影

图象,处理软件,电影,电脑软件,PS,本文主要介绍了PS图象处理软件让普通电影为电影教程。这个教程很有效,非常适合初学者学习,和喜欢的朋友可以一起学习。 1、PS图象处理软件CS5 2、聂彩色Efex Pro软件 把照片作为电影电影感觉教程: 1。首先,用P…

PS图象处理软件图超时尚感强的数码

PS图象处理软件图超时尚感强的数码

图标,图象,处理软件,数码相机,感强,本教程介绍一个关于时尚的数码相机镜头图标,以PS图象处理软件的朋友。本教程制作的镜头非常漂亮,质感也很好。那么教程不是很好吗让我们一起学习教程。 本教程使用PS图象处理软件出超级强大的时尚数码相机…

对一类使用PHP生成实例

对一类使用PHP生成实例

实例,电脑软件,PHP,本文介绍了一类及其使用PHP生成。分享给你供你参考。以下是如下: 复制代码代码如下: 类shtml { 电邮数据源; / /阵列 电邮模板; / /字符串 文件名; 绑定数据源 功能binddata($ ARR){ 美元->数据源= $ ARR; } 函数创建(){ …

淘宝新的专业:PS应用、拼图、挖,改变

淘宝新的专业:PS应用、拼图、挖,改变

淘宝,拼图,背景,专业,电脑软件,这里是萧边为你带来的PS应用,拼图,挖图,改变背景的教程,是淘宝新手专用哟,好吧,让我们共同学习,希望对你有帮助。 成分是必不可少的,淘宝的新手 方法/步骤 不要检查照片。 删除键被删除后,填充背景颜色。 挖出另一幅…

jsp刷新页面表单重复提交问题解决

jsp刷新页面表单重复提交问题解决

重复提交,刷新页面,表单,问题解决方案,电脑软件,使用Session ID和时间戳作为识别,关键代码如下: 复制代码代码如下所示: 公共课sswpdjaction延伸:{ 公共字符串执行(){ **商业代码 … 设置/标识 This.setSessionToken(); 添加一个页面 返回添加; } U…

到console.dir导论()函数在Javascript

到console.dir导论()函数在Javascript

函数,导论,电脑软件,console,dir,调试Javascript程序时,有时需要把一些物体的细节。通过手动编写Javascript代码,可以完成这项工作:我们回收的对象的属性,打印出来的周期的每一个属性值,可以看出,这个过程是非常繁琐的。在一个浏览器调试工具,这可以简单地通过…