(JavaScript)轮播图

简介: (JavaScript)轮播图
//图像轮替显示
window.onload=setInterval(change,2000);
  var n=1;
function changePic(m){
return n=m;
}
function change(){
var myImg=document.getElementById("rotate");
var text=document.getElementById(""+n);
for(i=1;i<=5;i++){
if(i==n)
text.style.color="red";
else{
  var tt=document.getElementById(""+i);
  tt.style.color="blue";
}
}
myImg.src="images/0"+n+".jpg";
if(n<5)n++;
else n=1;
}
96c2e6b716174d15ad8db3ba74b74c35.png

b69a9654cb0744e18f002b713b69ce71.png


相关文章
|
3月前
|
前端开发 JavaScript 索引
|
3月前
|
JavaScript 前端开发
原生js做轮播图
原生js做轮播图
13 0
|
6月前
|
JavaScript 前端开发
使用js制作轮播图
使用js制作轮播图
32 0
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
JavaScript随手笔记---轮播图(点击切换)
|
3月前
|
JavaScript 前端开发
如何使用JS实现轮播图
如何使用JS实现轮播图
28 0
|
3月前
|
移动开发 JavaScript HTML5
JS实现轮播图(一看就懂逻辑清晰)
JS实现轮播图(一看就懂逻辑清晰)
|
3月前
|
JavaScript 前端开发
jsjs原生 JavaScript轮播图 渐变淡入淡出
jsjs原生 JavaScript轮播图 渐变淡入淡出
|
8月前
|
JavaScript 前端开发
js基础轮播图功能
js基础轮播图功能
42 0
|
3月前
|
JavaScript 前端开发
|
3月前
|
JavaScript 前端开发
制作JS焦点轮播图
制作JS焦点轮播图