圖片輪播HTML程式碼

程式碼執行效果圖

要實現類似幻燈片效果的圖片自動切換，怎樣透過Html程式碼實現，對於很多新手來說直接寫程式碼不太現實，最簡單的辦法就是找現成的程式碼，修改之後為自己所用，話不多說，直接上乾貨。

一、修改方法：

1、將img後面的src地址改為自己網站的圖片地址，可以是絕對地址，也可以是相對地址，預設有6張圖片，分別為img1-img6，需要改變數量可直接增減img開頭的程式碼行；

2、將url後面的src地址改為對應的圖片點選後要跳轉的連結地址，沒有可以不填或者填“#”，對應圖片相應的預設有6條連結，分別為url1-url6，需要改變數量可直接增減url開頭的程式碼行；

3、圖片尺寸：修改高和寬直接改數值var widths=250；var heights=250；

二、程式碼：

<！DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1。0 Transitional//EN” “http：//www。w3。org/TR/xhtml1/DTD/xhtml1-transitional。dtd”>

三、執行效果

1、執行效果請參考書中自有顏如玉網站右側欄。

四、歡迎轉載

1、原文地址：http：//www。szzyyry。com/zixue/tplb/，轉載請註明出處，謝謝。