轮播怎么写

1.网页轮播代码怎么写

页面上显示图片的时候，肯定是这样的：

轮播的话，就是要用 JS 代码控制这个 img 标签的内容在变。

所以可以通过两个步骤来做：

1、改变img的内容，也就是修改 img 标签的 src,

function changeImg(imgsrc) {

document.getElementById("xxx").src = imgsrc;

}

2、定时执行changeImg，实现轮播。

SetInterval(2000, changeImg); //2秒钟换一张图片

主要过程就是这么两个，具体实现时，还要设置2个全局变量，

1个保存所有可以轮播的图片 src （数组），另一个保存现在正在显示的图片在数组中的index,

执行changeImg时，先让 index +1 。

2.用jquery实现图片轮播怎么写呢求指教

*{ margin: 0; padding: 0; } ul{ list-style:none; } .slideShow{ width: 620px; height: 700px； border: 1px #eeeeee solid; margin: 100px auto; position: relative; overflow: hidden； } .slideShow ul{ width: 2500px; position: relative； } .slideShow ul li{ float: left； width: 620px; } .slideShow .showNav{ position: absolute; right: 10px; bottom: 5px; text-align:center; font-size: 12px; line-height: 20px; } .slideShow .showNav span{ cursor: pointer; display: block; float: left; width: 20px; height: 20px; background: #ff5a28; margin-left: 2px; color: #fff; } .slideShow .showNav .active{ background: #b63e1a; } js代码规范：主体代码：[html] view plain copy print?<body> <！--图片布局开始--> <！--图片布局结束--> <！--按钮布局开始--> 1 2 3 4 <！--按钮布局结束--> 。