欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery應(yīng)用實(shí)例分享_實(shí)現(xiàn)手風(fēng)琴特效

 更新時(shí)間：2018年02月01日 08:35:33   作者：蘭亭序亂  
下面小編就為大家分享一篇jquery應(yīng)用實(shí)例_實(shí)現(xiàn)手風(fēng)琴特效的示例代碼。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

效果：

實(shí)例如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <style>
  *{padding: 0px;margin: 0px;}
  li{
   width: 80px;height:300px;
   float: left;overflow: hidden;
   list-style: none;
  }

 </style>
 <script type="text/javascript "src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<script >
 $(function () {
  $("ul li").mouseover(function (){
   $(this).stop().animate({width:350},500)//stop函數(shù)：停止當(dāng)前正在運(yùn)行的動(dòng)畫(huà)
   //siblings:遍歷
   $(this).siblings().stop().animate({width:80},500)//anmate：500ms后將其width變?yōu)?0px；
  })
 })
</script>
<div>
 <ul>
 <li style="width: 350px"><img src="1.jpg"></li>
 <li><img src="2.jpg"></li>
 <li><img src="3.jpg"></li>
 <li><img src="4.jpg"></li>
 <li><img src="5.jpg"></li>
 </ul>
</div>
</body>
</html>

以上這篇jquery應(yīng)用實(shí)例分享_實(shí)現(xiàn)手風(fēng)琴特效就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論