中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

jquery中如何實(shí)現(xiàn)手風(fēng)琴特效-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“jquery中如何實(shí)現(xiàn)手風(fēng)琴特效”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery中如何實(shí)現(xiàn)手風(fēng)琴特效”這篇文章吧。

創(chuàng)新互聯(lián)主營扎囊網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,App定制開發(fā),扎囊h5成都微信小程序搭建,扎囊網(wǎng)站營銷推廣歡迎扎囊等地區(qū)企業(yè)咨詢

效果:

jquery中如何實(shí)現(xiàn)手風(fēng)琴特效

實(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)行的動畫
   //siblings:遍歷
   $(this).siblings().stop().animate({width:80},500)//anmate:500ms后將其width變?yōu)?0px;
  })
 })
</script>
<div>
 <ul>
 <li ><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中如何實(shí)現(xiàn)手風(fēng)琴特效”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題:jquery中如何實(shí)現(xiàn)手風(fēng)琴特效-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://m.rwnh.cn/article36/copipg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、微信公眾號、定制開發(fā)、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司
旺苍县| 靖江市| 湘潭县| 喜德县| 溧阳市| 广州市| 临夏市| 佛坪县| 大洼县| 大埔区| 准格尔旗| 弋阳县| 兴仁县| 东明县| 阿勒泰市| 潞西市| 乐清市| 景东| 龙门县| 西吉县| 冷水江市| 纳雍县| 湖南省| 筠连县| 宝坻区| 安多县| 平邑县| 阿勒泰市| 凤庆县| 北京市| 泰顺县| 中超| 镇江市| 运城市| 德江县| 崇左市| 台中县| 鄂州市| 潞城市| 青冈县| 廊坊市|