lt！doctype html lthtml lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltstyle *padding 0margin 0 ul liliststyletype gameTab width 1100px。

如圖所示3這里是css文件代碼，上面是div和圖片顯示的效果代碼，后面是動畫效果4這里是事件，這里定義了四個時間段的狀態(tài)，兼容了ie的5如圖所示這里是效果圖，會根據(jù)時間輪播顯示下一張圖片 了。

jquery給所有的圖片所在div加上鼠標懸停事件，然后得到鼠標所在div可以通過classid元素，再修改div的css樣式，隱藏就是display。

1輪播圖片2css和html代碼部分3輪播js代碼部分 下面的可以參考lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDocumentlttitle ltlink rel=quotstylesheetquot type=quottextcssquot。

3簡單的代碼示例如下lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlejquery輪播效果圖 lttitle ltscript type=quottextjavascriptquot src=quotscriptsjquery191jsquotltscript ltstyle type=quot。

3秒輪播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某個div顯示，其他的隱藏 quotdivquothideeqindexshow， 3000。