最简单的js图片切换效果实现代码_图象特效

无意中在网上发现的,代码非常的简单,一看就明白!

复制代码 代码如下:

<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=5000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
var obj=document.getElementById("showpic");
if (curIndex==arr.length-1)
{
curIndex=0;
}
else
{
curIndex+=1;
}
obj.src="image/"+arr[curIndex];
}
</script>
<img src="image/1.jpg" width="427" height="219" id="showpic" />

好了以上就是全部的代码

时间: 2024-08-31 20:14:23

最简单的js图片切换效果实现代码_图象特效的相关文章

js 图片等比例缩放代码_图象特效

复制代码 代码如下: var scaleImage = function(o, w, h){ var img = new Image(); img.src = o.src; if(img.width >0 && img.height>0) { if(img.width/img.height >= w/h) { if(img.width > w) { o.width = w; o.height = (img.height*w) / img.width; } else

多浏览器兼容的qq图片轮换效果javascript代码_图象特效

22吨重挖掘机 中星九号直播 考后表情 1 2 3

js 图片轮播(5张图片)_图象特效

演示地址:http://img.jb51.net/online/picPlayer/picplay.htm 复制代码 代码如下: <!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/199

JS 文件大小判断的实现代码_图象特效

方法一,利用ActiveX控件实现: 复制代码 代码如下: <script type="text/javascript"> function getFileSize(filePath) { var fso = new ActiveXObject("Scripting.FileSystemObject"); alert("文件大小为:"+fso.GetFile(filePath).size); } </script> <

CSS 图片横向排列实现代码_图象特效

VB定时关机源码示例 一个好用的C++日志生成类 JS+CSS联合打造图文结合动感菜单

js 图片切换效果代码

<html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js 图片切换效果代码</title> <script language="javascript教程&quo

简单实现JavaScript图片切换效果_javascript技巧

JavaScript实现图片切换,主要用到setInterval()函数和clearInterval()函数,前者功能是开启动画,后者功能则为清除动画(可理解为使动画停止),为了使动画停止,则需要定义全局变量作为标志,标志返回setInterval()函数的id,id作为clearInterval()函数的引用,目的是为了告诉clearInterval()函数动画暂停的位置.下面是实现的代码: 部分HTML代码:第一个为左按钮,是一张带箭头的透明图片,点击实现图片右滑动,第二个为图片展示区域,第

简单实现js选项卡切换效果_javascript技巧

本文实例介绍了实现js选项卡切换效果的详细代码,分享给大家供大家参考,具体内容如下 思路:    1.获取元素:    2.for循环按钮元素添加onclick(点击) 或者 onmousemove(移入)事件:    3.点击当前按钮时会以高亮状态显示,通过for循环历遍把所有的按钮样式设置为空在把所有div的display设置为none.    4.点击当前按钮添加样式,把当前div显示出来,display设置为block. html代码:  <div id="div1"&g

js图片切换具体实现代码_javascript技巧

本文实例为大家分享了js实现图片切换的方法,供大家参考,具体内容如下 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <title></title> <style> *{ margin:0; padding:0; } .all{ width:600px; height:350px;