jQuery手风琴的简易制作

jQuery手风琴的简易制作
首先,让我们从一个简单的jQuery效果图开始,详情如下

CSS代码如下所示:
*边距:0;填充:0;}
列表样式:无}
{ UL
宽度:300px;
背景:黄色;
保证金:50px汽车;
}
UL
行高:50px;
文本对齐:中心;
底部边框:1px solid # CCC;
}
> > > >
背景:蓝色;
显示:无;
}
> > > > > >
行高:50px;
}
HTML代码如下所示:
jQuery的核心功能

jQuery({选择符,{上下文})
jQuery(HTML,ownerdoc { 1.8 })
jQuery(回调)
JQuery.holdReady(保持)1.6 +
jQuery的效果

隐藏显示和隐藏
slideDown是非常有效的
影响渐显渐隐
影响slidetoggle淡入和淡出
jQuery的属性

属性设置或返回的元素
把每一个元素一个元素删除
道具获取第一个元素的属性。
的removeprop道具()方法设置属性设置
jQuery事件

关闭了元素上多个事件的处理函数。
为每个元素绑定绑定事件处理函数
每个匹配元素的一个绑定一次性处理函数
触发器在每个匹配的元素上触发一类事件。
jQuery代码如下所示:

$(# UL >李> P )。Click(function(){)

$(这)NextAll()SlideDown()。
结束())父()。
儿童()。隐藏();
});
结果如下:
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:手风琴简易电脑软件jquery

相关内容