jquery应用实例分享_实现手风琴特效

效果：

实例如下所示：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title style * { padd : 0px；余量： 0px} li {宽度： 80px高度：300 px向左浮动：飞越：隐藏；列表样式：无；}/style脚本类型=' text/JavaScript ' src=' http :http://代码。jquery。com/jquery-1。10 .2 .量滴js '/script/head dyscript $(function(){ $(' ul Li ')).mouseover(函数(){ $(this)).停止()。动画({width:350}，500)//停止函数：停止当前正在运行的动画//同胞：遍历$(这个)。兄弟姐妹()。停止()。动画({width:80}，500)//anmate:500ms后将其宽度变为80px })})/script div ul Li style=' width : 350 px ' img src=' http :1。jpg '/Li liimg src=' http :2。jpg '/Li liimg src=' http :3。jpg '/Li liimg src=' http :4。jpg '/Li liimg src=' http :5。jpg '/Li/ul/Li以上这篇框架应用实例分享_实现手风琴特效就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。