首頁 >web前端 >js教程 >JS點擊小圖片關聯顯示大圖片

JS點擊小圖片關聯顯示大圖片

php中世界最好的语言
php中世界最好的语言原創
2018-04-25 17:53:302804瀏覽

這次帶給大家JS點擊小圖片關聯顯示大圖片,JS點擊小圖片關聯顯示大圖片的注意事項有哪些,下面就是實戰案例,一起來看一下。

線上預覽    原始碼下載

html程式碼:##

<center><p style="color:#334960">点击图标进行展示</p></center>
 <p class="main">
  <p id="coolShow"></p>
  <p id="handBar"></p>
 </p>
 <script type="text/javascript">
  /*定义需要展示的图片以及图片的展示时间*/
  $(document).ready(function () {
   $('#coolShow').coolShow({
    imgSrc: ['images/1.png', 'images/2.png', 'images/3.png'],
    speed: 40
   });
  });
 </script>
#我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

jQuery實作廣告內容淡入淡出效果

jQuery仿支付寶首頁焦點圖效果
#

以上是JS點擊小圖片關聯顯示大圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn