1、1在HTML页面相应的位置加入轮播的DIV层和内容2在CSS加入你下载的轮播代码的样式表内容3调用JSPS要添加在源码中希望对您有帮助，望采纳，多谢；推荐一个很好用的图片轮播插件 flexslider js如下 css去下载就行先引入jquery 再用下面这段就可以 function quotflexsliderquotflexslider slideshowSpeed 4000， 展示时间间隔ms animationSpeed 400；我有代码，如果不是学网页的，我怕你看不懂lt！doctype htmljQuery图片轮播代码flexslider margin 0px auto 20px position relative width 100% height 482px overflow hidden zoom 1flexslider；footimer = setIntervalfoo，1000function foo quot#solid ul liquoteqnowsiblingscssquotdisplayquot，quotquotquot#solid ul liquoteqnowfadeIn400now++if now == total now = 0。

2、图片轮播的话，有两种方式1 通过js控制图片的显隐来实现轮播实现简单通过定时器切换图片这种方式我博客里有关键代码，可以百度以下内容查看使用javascript，jquery实现的图片轮播功能xyytIT2 通过定位方式，使图片；jQuery自动适应屏幕宽度滑动轮播图Divas Slider，当前屏幕显示三张图片中间高亮显示，左右滑动切换，此插件最大特点就是可以根椐自动适应屏幕宽度，高度等比例缩放。

3、你把整个ul想成是一张图片，你要做的就是把ul左右移动，然后在ul外面可以套一个div，样式为overflowhidden，关于复位，你可以用％运算，当移动到最后一个li的时候，跳到第一个li去；下面的数字其实是一个小列表ul li，你可以把li设置出边框 设置borderradius属性为50%，就能实现圆圈效果了123 libordersolid 1px purpleborderradius50%maginright10px 即可实现数字边框变成圆形；lt！DOCTYPE html 最简单的轮播广告 body， div， ul， li margin 0padding 0 ul liststyletype body background #000textalign centerfont 12px20px Arial box positi。

4、具体代码如下lt！doctype html Document *margin0 padding0 liststyle wrapheight170px width490px margin60px auto；你开个定时器，一秒换一个img的src不就行了随便写了个new Vueelquot#appquot，datapicquotimages1jpgquot，quotimages2jpgquot，quotimages3jpgquot，quotimages4jpgquot，quotimages5jpgquot，iquot0quot，now；你是一开始自动播放就两屏还是划过之后自动播放才变成两屏 尝试输出一些信息，比如在show中输出跟left有关的参数，看看是哪个参数决定了宽二倍，或者他可能输出了两次，看看是什么情况导致了show同时运行两遍，能否把控制台的。

5、2然后在html的主体部分添加一个div标签，然后在该标签下添加一个img标签，并设置img的宽高3然后我们可以在html头部标题下添加css样式代码来控制div的显示效果4接下来在body标签中添加js的事件onload，也就是加载该页面的；如果不用无缝滚动，那很简单呀，不用你写的这么复杂呀，直接几行代码就行了，就像选项卡一样写呀点那个按钮，对应的图就显示就行了最简单的焦点图你这些代码太多余了。