简单的图片切换代码(无按钮)

 1 <script language =javascript >
 2 var curIndex=0;
 3 //时间间隔 单位毫秒
 4 var timeInterval=5000;
 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";13 setInterval(changeImg,timeInterval);
14 function changeImg()
15 {
16 var obj=document.getElementById("xuanchuanPic");
17 if (curIndex==arr.length-1)
18 {
19 curIndex=0;
20 }
21 else
22 {
23 curIndex+=1;
24 }
25 obj.src="images/"+arr[curIndex];
26 }
27 </script>
28 <img src="image/1.jpg"id="xuanchuanPic" />
时间: 2024-10-14 06:33:16

简单的图片切换代码(无按钮)的相关文章

一个简单的图片切换特效

如图所示. 该图片切换特效实现很简单,而且兼容性很好. html页面如下 <div class="wrapper"> <div id="focus"> <ul> <li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/01.jpg" alt="QQ

用html+css+jQuery实现的一个简单的图片切换特效

这篇文章主要介绍了用html+css+js(jQuery)实现的一个简单的图片切换特效,需要的朋友可以参考下. 记得要引入一个jQuery库文件,可以是网上在线的,也可以是本地的,注意路径. 如图所示. 该图片切换特效实现很简单,而且兼容性很好. html页面如下 复制代码代码如下: <div class="wrapper"> <div id="focus"> <ul> <li><a href="htt

21款大气的全屏图片切换代码

html5全屏背景切换点击按钮svg背景滑动切换特效 jQuery全屏响应式手指滑动图片轮播代码 jquery商城网站全屏多张图片滑动切换代码 jQuery仿瑞丽全屏透明遮罩图片轮播滚动代码 html5响应式全屏滚动图片切换幻灯片特效 jQuery全屏带进度条图片轮播特效 jQuery仿音悦台网站全屏带标题的焦点图轮播代码 jQuery背景和banner图片一起切换全屏焦点图切换代码 jquery html5响应式幻灯片插件网站响应式全屏幻灯片轮播代码 JQuery自适应全屏图片滚动鼠标上下滑动

13种酷炫的html5 3D图片切换代码

jQuery 3D图片叠加css3翻转图片切换特效 html5图片3d切换幻灯片轮播特效代码 jquery 3d响应式幻灯片带左右按钮的图片滑动切换效果 jquery.slicebox酷炫的html5 3d图片轮播幻灯片切换效果 html5 css3 3D动画制作手机界面3D叠加突出动画效果 html5 3D图片网格布局点击图片3D动画弹出大图文字信息 css3 transform属性制作鼠标点击3D图片叠加动画效果 modernizr html5 jquery.windy图片类似纸被风吹走3D

jquery简单的图片切换效果,支持pc端、移动端的banner图片切换开发

详细内容请点击 无意中看见了两年前写的一个图片切换,那会儿刚刚学习网页制作,可以说是我的第一个处女座的jquery图片切换效果.无聊之余对它的宽度稍稍做了一下修改,变成了支持pc端.手机端全屏的banner图片切换效果. 写法很简单,网页初学者们或者wenbapp初学者们可以拿去学习学习,也可以在这基础上加上手机的图片滑动切换效果.废话不多说,下面说说这个简单的图片切换的效果吧! 首先以下是图片切换的效果图:   图片切换效果html内容: <div class="tyna2"&

Flash焦点图片切换代码

焦点flash代码,这次给大家奉献的是Flash焦点图片切换代码,这个效果比较好,大家可以选择合适的自己使用.同时推荐Flash图片切换特效,Flash图片切换效果,Flash图片幻灯片代码,四屏图片切换代码,不间断图片左右滚动代码大家可以看看,个人感觉效果更好. Flash焦点图片切换代码主要功能: 1.可以读取xml设置播放列表 2,可以不使用xml将图片地址直接写网页中直接 3,可以读取swf的动画格式 4,自动适应图片大小health.hljmlyfcyy.com 5,循环播放,自定义自

jquery 实现的一款超简单的图片切换功能

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./assets/js/jquery.js"></script></head><style> </st

基于jQuery商城网站全屏图片切换代码

基于jQuery商城网站全屏图片切换代码.这是一款商城网站全屏多张图片滑动切换代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="slides"> <div class="slideInner"> <a href="#" style="background: url(img/slide1.jpg) no-repeat;"> <div cla

【OpenCV练习】简单显示图片的代码

今天依照网上的教程尝试了一下最基本的图片显示. 首先想说一下编译时出现的问题,开始时在编译时会出现无法识别cvReleaseImage的情况,是因为没有在配置中包含相应的core的库文件. 加进去就解决这个问题了. 另一个问题是在编译通过以后提示程序拒绝访问,经网上查找好像和英雄联盟有关..貌似是LOL关闭了什么调试功能,总之重启一下电脑就好了. 最后放上相应代码: #include <iostream> //#include <opencv/cv.h> //#include &l