用jquery做圖片輪播的方法:首先引入jquery的腳本文件;然后引入lightslider的腳本文件,在js腳本里通過傳入ul標簽的id,調(diào)用lightslider方法;最后運行頁面。
該方法適用于所有品牌電腦
用jquery做圖片輪播的方法:
1、jquery有很多功能強大的插件,圖片輪播的插件當然也是有的,百度搜索‘lightslider’,然后下載插件代碼回來。
2、然后實現(xiàn)圖片輪播。當然我們需要先引入jquery的腳本文件。
3、然后引入lightslider的腳本文件,對應的樣式文件也是需要的。
4、html部分就很簡單了,一個ul,li的標簽就行了,要注意的是li標簽里有一個data-thumb的屬性,屬性值就是圖片的路徑。
5、在js腳本里,通過傳入ul標簽的id,調(diào)用lightslider方法,來初始化一個實例。里面的參數(shù)可以參考文檔。
6、運行頁面,我們就可以看到一個漂亮的圖片輪播插件了。
7、除了會自動播放后,我們點擊下方的一張圖片,大圖里也會相應顯示這張圖片的。
相關(guān)免費學習推薦:javascript(視頻)