javascript实现的图片简单切换代码实例
图片切换功能很多都比较绚丽,当然有时候仅仅需要简单的每隔指定时间更换一下图片,下面就是一个这样的代码。
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>实例</title>
<style type="text/css">
#thediv{
width:150px;
height:100px;
margin:0px auto;
}
</style>
<script type="text/javascript">
var theArray=new Array('图片一', '图片二', '图片三', '图片四');
var index=0;
function change(){
var theimg=document.getElementById('theimg');
if(s<theArray.length-1){
index++;
}
else {
index=0;
}
theimg.setAttribute('src', theArray[index]);
}
function qiehuan(){
setInterval(change,1000);
}
window.onload=function(){qiehuan();}
</script>
</head>
<body>
<img src="默认图片" id="theimg"/>
</body>
</html>
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
js如何实现清空浏览器缓存代码实例
本章节介绍一下如何清空浏览器缓存,需要的朋友可以做一下参考。关于浏览器缓存更多内容可以参阅关于浏览器缓存问题304响应状态简单介绍一章节。下面以验证码为例子做一下说明,验证码生成之后通常会在服务器缓存
-
JavaScript函数体代码
实际应用中,可能需要通过一个函数的名字来获取函数体。下面通过代码实例介绍一下如何实现此功能。代码实例如下:function func(,b){ vr num; rturn num=+b;}
-
点击实现隐藏元素本身代码实例
本章节分享一段代码实例,它实现了点击隐藏元素本身的效果。代码实例如下uth
-
点击按钮实现隐藏一个元素代码实例
本章节分享一段代码实例,它实现了点击一个按钮隐藏指定元素的功能。代码实例如下
-
点击实现元素的渐隐或者渐现代码实例
本章节分享一段代码实例,它实现了点击一个按钮实现div元素的渐隐渐现效果。代码实例如下: