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

如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了四个时间段的状态，兼容了ie的5如图所示这里是效果图，会根据时间轮播显示下一张图片 了。

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。