国产精品亚洲lv粉色-狼人青草久久网伊人-一区二区精品视频在线观看-国产靠逼视频-日本天天射-懂色av懂色av粉嫩av分享吧-国产特级黄色片-亚洲九九九九-操操操.com-国产激情高中生呻吟视频-最近中文字幕日本-国内精品久久久久久99-成年人在线观看视频-免费在线观看视频a-久久午夜国产-天天谢天天干-一区在线播放

旋轉(zhuǎn)木馬兩種樣式焦點圖滾動特效代碼

  • 2260
  • 0
  • 1
旋轉(zhuǎn)木馬兩種樣式焦點圖滾動特效代碼- 素材8

旋轉(zhuǎn)木馬，照片，滾動，焦點圖，為到焦點圖片，模糊效果

首先引入css文件和html結(jié)構(gòu)html結(jié)構(gòu)<div class='poster-main carousel' data-setting='{}'>
  1. <div class='poster-btn poster-prev-btn'></div>
  2. <ul class='poster-list'>
  3.   <li class="list-item"> <a href="#"><img src="./image/01.jpg" alt=""></a> </li>
  4.   <li class="list-item"> <a href="#"><img src="./image/02.jpg" alt=""></a> </li>
  5.   <li class="list-item"> <a href="#"><img src="./image/03.jpg" alt=""></a> </li>
  6.   <li class="list-item"> <a href="#"><img src="./image/04.jpg" alt=""></a> </li>
  7.   <li class="list-item"> <a href="#"><img src="./image/05.jpg" alt=""></a> </li>
  8.   <li class="list-item"> <a href="#"><img src="./image/06.jpg" alt=""></a> </li>
  9.   <li class="list-item"> <a href="#"><img src="./image/07.jpg" alt=""></a> </li>
  10.   <li class="list-item"> <a href="#"><img src="./image/08.jpg" alt=""></a> </li>
  11.   <li class="list-item"> <a href="#"><img src="./image/09.jpg" alt=""></a> </li>
  12. </ul>
  13. <div class='poster-btn poster-next-btn'></div>
  14. </div>
復(fù)制代碼

配置參數(shù)是通過屬性值讀取的，在data-setting={}配置相關(guān)參數(shù)
  1. {
  2.     "width": 1000, //幻燈片的寬度
  3.     "height": 270, //幻燈片的高度
  4.     "posterWidth": 640, //第一幀的高度
  5.     "posterHeight": 270, //第一幀的寬度
  6.     "verticalAlign": 'middle',
  7.     "autoPlay": true,
  8.     "speed": 500,
  9.     "delay": 500,
  10.     "scale": 0.9 //記錄顯示比例
  11. },
復(fù)制代碼

須嚴(yán)格按照json格式配置。在文件中引入jquery插件和carouse.js
相關(guān)素材
旋轉(zhuǎn)木馬兩種樣式焦點圖滾動特效代碼
  • NaiHe 剛剛下載了一個素材
  • 豐豐富富 剛剛下載了一個素材
  • 月亮是我啃彎的o 剛剛下載了一個素材
  • 領(lǐng)帆網(wǎng)絡(luò)李巖15357913151 剛剛下載了一個素材
  • 李迎波 剛剛下載了一個素材
  • qqvWK7 剛剛下載了一個素材
  • 沒找好下家還不知道叫啥 剛剛下載了一個素材
  • 晨暉 剛剛下載了一個素材
  • 紫冰之蕭 剛剛下載了一個素材
  • 保持清醒！ 剛剛下載了一個素材
  • 光明使者 剛剛下載了一個素材
  • 04388 剛剛下載了一個素材
  • 你還會回來吧 剛剛下載了一個素材
  • R5450 剛剛下載了一個素材
  • MM4649 剛剛下載了一個素材
分享者：
分享者頭像
小編
熱門素材推薦
HTML素材網(wǎng)，HTML5模板，網(wǎng)頁特效 微信公眾賬號二維碼 淘寶店鋪地址二維碼
Copyright©2025  素材8  Powered by 智伙伴科技
   魯ICP備14029286號-5 魯公網(wǎng)安備37060202001967號
返回頂部返回頂部
發(fā)布主題
临泽县| 藁城市| 偃师市| 甘洛县| 牙克石市| 蓬溪县| 陆良县| 衡阳市| 兴安县| 沙坪坝区| 平凉市| 武乡县| 弥勒县| 乳源| 丽江市| 湖南省| 合阳县| 女性| 盘山县| 广河县| 福贡县| 嘉禾县| 永兴县| 铜鼓县| 白城市| 富蕴县| 永顺县| 郴州市| 东辽县| 甘肃省| 冕宁县| 泰和县| 泽普县| 新丰县| 昌黎县| 昭平县| 兴和县| 高雄市| 东方市| 遵化市| 老河口市|