第一张显示没问题，第二张以及之后的图片显示为空白首先，排除掉图片路径没问题如果有问题，也不会网上提问了初步判断，css静态定位错误css样式固定在了第一张图片，第二，第三之后的css定位不到，则显示空白即；可以参考下面的daima 3个div的统一class = #39div#39var index =03秒轮播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某个div显示，其他的隐藏 quotdivquothide；下面是图片轮播代码 * var num = 0 function quot#div_pic ol liquotmouseoverfunctione thisattrquotclassquot，quotcurrentquotthissiblingsattrquotclassquot，quotquot 兄弟节点的class属性设置为空；* $#39lieq0#39mouseenterfunction $thiscss#39background#39，#39red#39 $#39lieq0#39mouseoutfunction $thiscss#39background#39，#39#39 * $#39li#39hoverfunction * css#39backgrou。

鼠标滑过是否暂停轮播图 animationStart function 每个轮播图切换前回调，这个应该是显示图片说明文字 $#39caption#39animate bottom35 ，100 ， animationComplete functioncurrent；自己加五张图片，然后lt！doctype html lt！声明当前页面的编码集charset=gbk，gb2312中文编码，utf8国际编码 lt！当前页面的三要素 腾讯课堂专业的在线教育平台 lt！css，js margin；轮播控制器JavaScript，这段js引入需要jQuery的支持，所以先引入它 functionwin，doc，undefined var zturn=functionturn thisturn=turn thiszturn=$quot#quot+turnid thisX=0 thiszturnitem=quotztu；#big_imgboxquotstopquot#big_imgboxquotanimateleft#39845#39*dog_i+#39px#39ifdog_iltdog_countdog_i++elsedog_i=0 移动焦点图的主函数当m_over为true的时候主函数运行，焦点图轮播。

setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由 setInterval 返回的 ID 值可用作 clearInterval 方法的参数语法 setIntervalcode，milliseccode 要调用的函数或要执行的代码串；3简单的代码示例如下lt！DOCTYPE html jquery轮播效果图 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl。

网页上的图片轮播放效是通过 Jquery技术实现的，JQuery技术依赖的编程语言是JavaScript这个效果你不用自己去写，可以在网上搜索“JS代码特效”，下载来修改一下CSS的尺寸就可以了。

1轮播图片2css和html代码部分3轮播js代码部分 下面的可以参考lt！DOCTYPE html Document；HTML中的图片轮播怎么做可以上jquery插件库这个网站看看，大部分资源是免费的轮播图也有好多bootstrap也提供轮播模板自己写的话，假如放3张轮播图，pic1，pic2，pic3创建一个ul，ul中放5张图片，顺序是pic3，pic1。

如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了四个时间段的状态，兼容了ie的5如图所示这里是效果图，会根据时间轮播显示下一张图片 了；Html网页显示js轮播图 lt！轮播图js文件 lt！ function * lt！调用Luara * quotexamplequotluarawidthquot980quot，heightquot291quot，interval2500，selectedquotseletedquot，derictionquotleftquot；需要一个固定宽高的div，然后将图片放进div里面，设置定时器，每次根据图片下标都向左或向右移动一个图片宽度的距离，轮播到最后一个的时候将下标变成第一个图片的下标，就可以实现了。