图片自动切换

<div class="banner">
<img src="img/banner1.jpg" id="obj">
</div>
<script language =javascript >
var curIndex=0;
var timeInterval=2000;
var arr=new Array();
arr[0]="img/banner1.jpg";
arr[1]="img/banner2.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("obj");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src=arr[curIndex];
}
</script>

时间: 2024-08-28 13:56:21

图片自动切换的相关文章

[JS]图片自动切换效果(学习笔记)

上次在下载的网页中看到 javascript实现图片自动切换效果: <style text="text/css"> /*图片滚动栏*/.container, .container * {    margin: 0;    padding: 0;}.container {    width: 1005px;    height: 395px;    float: right;    overflow: hidden;    position: relative;    rig

面向对象之图片自动切换

图片自动切换一: css样式: <style> *{ padding: 0; margin: 0; } div{ width:600px; height: 320px; background-color: pink; margin:10px auto; text-align: center; border-radius: 30px; } input{ width: 50px; height: 30px; } ul li{ list-style-type: none; margin-top: 1

js实现图片自动切换效果。

js实现图片自动切换效果,简单实用,原谅我只是一只小菜鸟还在学大神天天写博文装逼. <script language="javascript"> setInterval(test, 2000); var array = new Array(); var index = 0; var array = new Array("../../Content/images/3s1hj_kqzew4k2ozbhs2dwgfjeg5sckzsew_780x520.jpg"

js 实现图片自动切换

var pic = new Array(); var curindex=0; pic[0]="image/p1.jpg"; pic[1]="image/p2.jpg"; pic[2]="image/p3.jpg"; setInterval(go, 3000); function go(){ document.getElementById("img").src=pic[curindex]; if(curindex==pic.le

利用JS实现点击按钮后图片自动切换

我么常常看到一个网站的主界面的图片可以切换自如,那么又是如何实现的呢? 1.HTML页面布局如图所示: Main(div) top(div)(显示需要显示的图片) bottom UL (li)<选择>left center right 2.实现上述布局 swap.html <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'><html&

jquery 图片自动切换

示例: CSS: .banner-img{position: absolute;} HTML: <div class="banner-img">     <div   style="background:url(http://www.yooli.com/v2/local/img/banner/runningcoupons.jpg) no-repeat top center;"></div>     <div   style=

iOS开发之实现图片自动切换(类似android画廊效果)

#import "ViewController.h" #define ImageViewCount 5 @interface ViewController ()<UIScrollViewDelegate> @property (weak, nonatomic) IBOutlet UIScrollView *imageScrollView; @property (weak, nonatomic) IBOutlet UIPageControl *imageViewPageCon

js图片自动切换效果处理代码

1 <script language =javascript > 2 var curIndex=0; 3 //时间间隔 单位毫秒 4 var timeInterval=1000; 5 var arr=new Array(); 6 arr[0]="1.jpg"; 7 arr[1]="2.jpg"; 8 arr[2]="3.jpg"; 9 arr[3]="4.jpg"; 10 arr[4]="5.jpg&qu

JQury自动切换图片

[标签]Jquery图片自动切换<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=&