製作圖片輪換效果的方法

  網際網路中有很多大大小小的網站,想使你的網站脫穎而出,可以使用JQuery製作圖片輪換效果,為你的網頁增添一抹亮色。本文小編主要介紹!

  

  開啟VS2010,單擊“檔案”》“新建”》“網站”,新建一個網站,命名為tupianlunhuan。***這個熟悉vs的應該都能做到。***新建一個資料夾images,把要進行輪換的圖片都放入到這個資料夾中。

  右鍵單擊網站名稱,新建一個“web窗體“頁,命名為tupianlunhuan1.aspx。整體文件結構如下。

  在tupianlunhuan.aspx頁面的body主體中,新增一個div盒子***要設定div的id屬性和class屬性***,用來寫顯示輪換圖片的程式碼,併為圖片新增超連結

  設定css樣式

  先匯入JQuery的類庫,然後再匯入KinSlideshow的js檔案***寫好的js程式碼,匯入了這個檔案之後,我們直接呼叫即可,只需要設定切換引數和外觀引數***。下面是完整的JQuery程式碼***還有很多其他引數,可以根據自己需要設定***

  然後儲存程式碼,執行。

  END