(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


相关文章
|
1月前
|
前端开发
js-基础轮播图制作
js-基础轮播图制作
24 7
|
2月前
|
JavaScript 前端开发
js轮播图练习
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的轮播图效果。通过`img`标签展示图片,并通过点击下方的点(`span`标签)切换图片。文章提供了完整的HTML结构、CSS样式和JavaScript代码,以及图片的展示和轮播图的效果图。
js轮播图练习
|
1月前
|
JavaScript 前端开发
js轮播图有左右箭头和小点
js轮播图有左右箭头和小点
31 1
|
2月前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
3月前
|
JavaScript
js轮播图制作
js轮播图制作
34 1
|
3月前
|
JavaScript
js轮播图功能
js轮播图功能
20 0
|
3月前
|
前端开发 JavaScript
如何使用JavaScript制作轮播图
如何使用JavaScript制作轮播图
26 0
|
3月前
|
JavaScript
js之简单轮播图
js之简单轮播图
36 0
|
5月前
|
安全 JavaScript
旋转木马轮播图 html+css+js
旋转木马轮播图 html+css+js
|
5月前
|
机器学习/深度学习 JavaScript 前端开发
一篇文章讲明白JS左右轮播图的制作思路
一篇文章讲明白JS左右轮播图的制作思路
38 0