網(wǎng)站如何制作圖片輪換效果
時(shí)間：
本達(dá)868由 分享
網(wǎng)站如何制作圖片輪換效果
想使你的網(wǎng)站脫穎而出，可以試試使用JQuery制作圖片輪換效果，為你的網(wǎng)頁(yè)增添一抹亮色。下面是學(xué)習(xí)啦小編給大家整理的一些有關(guān)網(wǎng)站制作圖片輪換效果的方法，希望對(duì)大家有幫助!
網(wǎng)站制作圖片輪換效果的方法
打開VS2010，單擊“文件”》“新建”》“網(wǎng)站”，新建一個(gè)網(wǎng)站，命名為tupianlunhuan。(這個(gè)熟悉vs的應(yīng)該都能做到。)新建一個(gè)文件夾images，把要進(jìn)行輪換的圖片都放入到這個(gè)文件夾中。
右鍵單擊網(wǎng)站名稱，新建一個(gè)“web窗體“頁(yè)，命名為tupianlunhuan1.aspx。整體文檔結(jié)構(gòu)如下。
在tupianlunhuan.aspx頁(yè)面的body主體中，添加一個(gè)div盒子(要設(shè)置div的id屬性和class屬性)，用來(lái)寫顯示輪換圖片的代碼，并為圖片添加超鏈接
設(shè)置css樣式
先導(dǎo)入JQuery的類庫(kù)，然后再導(dǎo)入KinSlideshow的js文件(寫好的js代碼，導(dǎo)入了這個(gè)文件之后，我們直接調(diào)用即可，只需要設(shè)置切換參數(shù)和外觀參數(shù))。下面是完整的JQuery代碼(還有很多其他參數(shù)，可以根據(jù)自己需要設(shè)置)
然后保存代碼，運(yùn)行。
看了“網(wǎng)站如何制作圖片輪換效果”的人還看了