jQuery：图片自动变换

<script type="text/javascript">
　　var aa=0;
　　//设置变换时间为2s
　　var timeChange=2000;
　　//定义数组
　　var arr = new Array();
　　arr[0]="image/01.jpg";
　　arr[1]="image/02.jpg";
　　arr[2]="image/03.jpg";
　　arr[3]="image/04.jpg";
　　//调用setInterval函数
　　setInterval(ChangeImg, timeChange);
　　function ChangeImg(){
　　　　var image = document.getElementById("image");
　　　　if(aa==arr.length-1){
　　　　　　aa=0;
　　　　}else{
　　　　　　aa+=1;
　　　　}
　　　　image.src=arr[aa];
　　　　}
</script>
</head>

<body>
　　<img src="image/01.jpg" id="image"></img>
</body>

时间： 2024-10-05 04:24:37

jQuery：图片自动变换的相关文章

jquery 图片自动无缝滚动

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery 图片自动无缝滚动</title> <script src="JQ/jquery-

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=

jQuery 图片自动播放

var imgArray = new Array("images/1.jpg", "images/2.jpg","images/3.jpg"); var index=0; setInterval(function(){ $("img").attr("src",imgArray[index]); if(index>=imgArray.length){ index=0; } else{ index++;

jquery后台登录页面背景图片自动轮换登录界面代码

在别的网站上看到的比较炫酷的Web登陆界面,背景图片可以自动轮换.介绍给大家,有兴趣的可以下来改改当做自己系统的登陆界面. 如图: 点击下载源代码 jquery后台登录页面背景图片自动轮换登录界面代码

10款很好用的 jQuery 图片滚动插件

jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用.其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力.这里收集了10款很好用的 jQuery 图片滚动插件分享给大家. 1.Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本.目前下载量已经突破 1,800,000 次! 在线演示 源码下载 2.Slides Slides 是一款精巧的

15个web前端的美轮美奂的 jQuery 图片特效

jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择.其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果.下面向大家分享精心挑选的23款优秀 jQuery 图片特效插件,带给你美轮美奂的图片展示效果. 1.3D Image Slider 非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示. 在线演示 源码下载 2.Portfolio Image Navigator 精致的图片导航

JQuery 图片延迟加载并等比缩放插件

原文地址:http://www.shangxueba.com/jingyan/1909987.html DEMO地址:http://demo.jb51.net/html/jquery_img/jquery_img.htm 最近在学习JS的OOP所以写了这么个东西 使用方法: $(".viewArea img").zoom({height:74,width:103}); 效果演示: http://demo.jb51.net/html/jquery_img/jquery_img.htm 代

推荐10款很好用的 jQuery 图片插件

jQuery是一个非常优秀的 Javascript 框架,使用简单灵活,同时还有许多成熟的插件可供选择.其中,最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入一些让人惊叹的效jQuery图片插件与大家分享. Slides Slides是一个精巧的jQuery幻灯片插件,有循环.自动播放功能和淡入淡出过渡效果,并且能够自动生成分页. 在线演示 Face Detection Face Detection是一个非常不错的插件,正如它的名字一样,它用于照片的人脸检测. 在线演示

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了很好的功能来帮助大家更简单的使用插件的幻灯功能 下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src