参考，以下是5秒切换一张背景图windowonload = function function changeImage var BackgroundImgquotImgBg1jpgquot，quotImgBg2jpgquot，quotImgBg3jpgquot，quotImgBg4jpgquotvar i =；将三张图片放在一起重叠起来，然后加一个timer组件，在ontimer里面写代码，用一个变量i来计数，每秒i自增1，大于3以后初始化为1，所以i可以取1，2，3三个值，每秒变一次 当i=1的时候就让图片1的visible属性为true；Tabnum++ifnumarrImgUrllength1num=0oImgsrc=arrImgUrlnumsetIntervalTab，1000注意图片放在 名称为 img 的文件夹中，而且是格式的，否则需要修改html；第一种把如下代码加入区域中 ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒状收缩“theeffects1 = “盒状向外“theeffects2 = “圆形收缩“theeffects3 =；图片轮播的话，有两种方式1 通过js控制图片的显隐来实现轮播实现简单通过定时器切换图片这种方式我博客里有关键代码，可以百度以下内容查看使用javascript，jquery实现的图片轮播功能xyytIT2 通过定位方式，使图片；数组长度var img=documentgetElementByIdquotimg1quot 图片var index=0 索引定时器setIntervalfunction ifindexlen index=0 imgsrc=imgsindex++，1000。

在一个新建的工程窗口中，建立一个Timer和一个Picturebox，然后把下面的代码全部复制粘贴到窗体的代码窗口 Public Class Form1 Private Sub Timer1_TickByVal sender As SystemObject， ByVal e As SystemEventArgs；var curIndex=0时间间隔单位毫秒，每秒钟显示一张，数组共有5张图片放在Photos文件夹下var timeInterval=1000var arr=new Arrayarr0=quotphotos1jpgquotarr1=quotphotos2jpgquotarr2=quotphotos3jpg；setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定时换背景图片的代码 * 下面是图片切换代码 va。

2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了；imgArri ， 2000 上面是代码实现原理是通过间隔定时器，每过2秒去设置img的src属性imgArr是保存图片的数组，当每一张图片都展示后重头再开始 imgArr的值是一张张图片我这里是在img文件夹下放了5张；这个主要是用了js的定时器功能下面是简单的代码，仅供参考 * margin0 padding0 liststyle #box width840px border1px solid #000 height210px margin30px auto positionrelative；思路使用javascript定时器函数setTimeout每隔一定的毫秒间隔数执行动作，在执行的动作中循环替换图片的src属性树立演示如下1HTML结构 2javascript代码 function changenifn5 n=1 一共5张图片。

lt！DOCTYPE html 图片轮播 windowonload = initfunction init windowsetIntervalquotstart2quot，1000 var i = 1function start2 var imgObj = documentgetElementByIdquotimg01quotimgObjsrc = quot；最直接的方法全部放在一个controller里，点ngclick不同的tab，请求数据，并修改tabcontent的nginclude切换templateUrl复杂一点推荐不同的tab对应不同的路由或者叫state，由state切换controller，templateUrl js图片轮播切换。

var i = 0 li=$quot#olliquotdiv=$quot#boxdivquotfunction auto ilt$lilength1？i++i=0lieqiaddClassquotshowLiquotsiblingsremoveClassdiveqishowsiblingshide li。

HTML中图片轮播代码如下lt！DOCTYPE html图片轮播代码 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00text。