超简单图片切换
来源:互联网 发布:宜家沙发怎么样 知乎 编辑:程序博客网 时间:2024/04/28 21:47
<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=5000;
var arr=new Array();
arr[0]="about.jpg";
arr[1]="about1.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.style.background = "url(images/"+arr[curIndex]+") no-repeat center center / 100% 100%";
}
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=5000;
var arr=new Array();
arr[0]="about.jpg";
arr[1]="about1.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.style.background = "url(images/"+arr[curIndex]+") no-repeat center center / 100% 100%";
}
</script>
<div id="showpic"> </div>
0 0
- 超简单图片切换
- Jquery 超简单实现图片切换
- C# winform 超简单的花样图片切换
- 超酷的广告图片切换代码(幻灯片图片切换)
- 简单的切换图片
- js简单图片切换
- 简单的图片切换
- 图片的简单切换
- 超漂亮Js+css图片幻灯切换
- 超漂亮Js+css图片幻灯切换
- 超漂亮Js+css图片幻灯切换
- 超漂亮Js+css图片幻灯切换
- 超简单tab切换--tablayout的使用
- Youtube图片切换特效 超炫,可实现图片倒影
- 简单图片自动切换效果
- 简单的jQuery图片切换
- ViewPager图片切换简单实现
- JS基础--简单图片切换
- 过反事故发生的国防生的发生过
- mysql表类型MyISAM和InnoDB区别(mysql 不支持事务解决)
- Android Service的onStartCommand方法返回值作用
- 利用Linux Shellscript 安装网卡驱动
- 数据不落地、移动新应用、安全更可靠
- 超简单图片切换
- I2C子系统详解
- nginx - KeepAlive详细解释
- MyEclipse自动生成注册码
- 个人常用的linux和dos命令
- ubuntu解决鼠标闪烁的问题&给firefox安装flash插件
- 转 Oracle 9i,10g,11g各自alert日志的位置
- 用MFC库函数AfxBeginThread来操作线程
- 2000万开房记录泄露 开房星座排行榜:天秤座最爱开房