JavaScript实现图片轮播图
来源:互联网 发布:数据采集与处理期刊 编辑:程序博客网 时间:2024/06/05 08:19
<!DOCTYPE html>
<html>
<head>
<script >
var time;
function init(){
//设置定时操作
time=setInterval("show()",0);
//3秒执行一次
setInterval("show1()",1000);
}
var num=1;
function show1(){
if(num>4){
num=1;
}
var imageObj=document.getElementById("divshow1");
imageObj.src="img/"+ num++ +".jpg";
}
function show(){
//获得div元素
var divshow = document.getElementById("divshow");
divshow.style.display="block";
//清除之前的定时操作
//clearInterval(time);
//重新设置一个定时,3秒钟隐藏
//time=setInterval("hidden()",1000);
}
/*function hidden(){
var divshow=document.getElementById("divshow");
divshow.style.display="none";
clearInterval(time);
time=setInterval("show()",1000);
}*/
</script>
</head>
<body onload="init()">
<div style="width: 99%; display: none;">
<img src="img/1.jpg" width="100%" />
</div>
</body>
</html>
- JavaScript实现图片轮播图
- javascript实现滚动图片
- javascript 实现图片滚动
- JavaScript实现图片移动
- javascript实现图片旋转
- javascript实现图片旋转
- javascript实现滚动图片
- javascript实现滚动图片
- javascript 实现图片缩放
- javascript实现图片滚动
- javaScript实现图片滚动
- 图片浮动 javascript实现
- Javascript实现图片幻灯片
- JavaScript实现图片轮播器
- javascript实现图片预览
- JavaScript图片切换实现
- JavaScript实现图片预览
- javascript 实现图片放大缩小
- browserify出现ParseError: Unexpected character '�'
- Python-IDLE实现清屏
- [Leetcode]Dynamic Programming-note
- shell if语句和test命令
- 阿里云|REDIS 开启多个端口
- JavaScript实现图片轮播图
- 初入Tensorflow一览(1)
- 9.10NOIP模拟赛
- linux中磁盘的挂载
- 贪婪算法之找零钱
- element ui 的树形组件上手
- Java中的static使用之静态变量、静态方法和静态初始化块
- YTU.2748: 双向冒泡排序
- 输出第N个丑数