电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>javascript实现原生幻灯片代码(文章上篇):

javascript实现原生幻灯片代码(文章上篇)

来源:网络 | 2020-2-26 | (有940人读过)

HTML:<!--这里是图片的展示区域,定义时需要注意ID不能丢-->如下代码实例

<html>

<head>

<title>定时器</title>

</head>

<body>

         <img src="01.jpg" id="img"/><!--这里是图片的展示区域-->

</body>

</html>


JavaScript代码:

<script>

var i =0;

function $(id){

return document.getElementById(id);

}

function add(){

i++;//自增变化

$("img").src="0"+i+".jpg";//实现对img.src属性控制

if(i>2){   //注意控制图片数量

i=0;

}

setTimeout('add()',1000);  //定时器控制播放时间

}

add();调用函数

</script>
Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号