JavaScript实现轮播图效果
来源:互联网 发布:网络身份副本 编辑:程序博客网 时间:2024/05/18 00:16
<script>
function init(){
//1.设置轮播图的函数
setInterval("changeImg()",1000)
//2.设置弹出广告的函数
time=setInterval("showAd()",1000)
}
//书写展示广告的函数
function showAd(){
document.getElementById("yu").style.display="block";
//消除广告弹出的定式操作
clearInterval(time);
//为广告隐藏函数写定时操作
time=setInterval("hiddenAd()",3000)
}
//书写隐藏广告的函数
function hiddenAd(){
document.getElementById("yu").style.display="none";
clearInterval(time);
function changeImg(){
i++;
document.getElementById("img1").src="img/"+i+".jpg"
if(i==3){
i=0;
}
}
</script>
function init(){
//1.设置轮播图的函数
setInterval("changeImg()",1000)
//2.设置弹出广告的函数
time=setInterval("showAd()",1000)
}
//书写展示广告的函数
function showAd(){
document.getElementById("yu").style.display="block";
//消除广告弹出的定式操作
clearInterval(time);
//为广告隐藏函数写定时操作
time=setInterval("hiddenAd()",3000)
}
//书写隐藏广告的函数
function hiddenAd(){
document.getElementById("yu").style.display="none";
clearInterval(time);
}
//轮播图
var i=0;function changeImg(){
i++;
document.getElementById("img1").src="img/"+i+".jpg"
if(i==3){
i=0;
}
}
</script>
阅读全文
0 0
- javascript 轮播图效果实现
- javascript实现轮播图效果
- JavaScript实现轮播图效果
- 用javascript实现网站首页轮播图效果
- JavaScript代码实现简单的轮播图效果
- 使用javascript实现简单的轮播图效果
- JavaScript实现拖动效果
- javascript实现下雪效果
- javascript实现幻灯片效果
- JavaScript 实现画图板效果
- javascript 实现load效果
- javascript实现拖动效果
- javascript 实现sleep效果
- Javascript实现sleep效果
- javascript 实现拖动效果
- javascript实现radio效果
- JavaScript实现倒计时效果
- JavaScript打字机效果实现
- RPC(一)
- 设计模式读书笔记-----组合模式
- 开坦克做广告,梦想把人送到太空,这个创始人很疯狂丨未来生活家
- Intellij IDEA 将工程转换成maven工程
- 一家网红店老板的自述:我是怎样毁掉自己生意的
- JavaScript实现轮播图效果
- 9斐波那契数列PYTHON
- waite()和sleep()的区别
- ApplicationContextAware的用法
- 最小二乘法与极大似然估计的区别
- 某校赛的题解...再膜鸡哥
- Java命令收集
- golang设计模式(2)工厂模式
- Mina(一)