利用JS进行图片的切换
2013-12-03 11:05
417 查看
在网页制作的时候，需要利用JS进行特效展示图片，下面是利用JS简单制作的图片的切换。
<html>
<head>
<script type="JavaScript">
var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组，进行数据的存储
var s = 0;
function chage() {
var img = document.getElementById('img1');
if (s <srr.length-1 ) {
s++;
}
else {
s = 0;
}
img.setAttribute('src', srr[s]);
}
function diaoyong() {
setInterval(chage, 1000);
}
</script>
</head>
<body onLoad="diaoyong();">
</body>
</html>
<html>
<head>
<script type="JavaScript">
var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组，进行数据的存储
var s = 0;
function chage() {
var img = document.getElementById('img1');
if (s <srr.length-1 ) {
s++;
}
else {
s = 0;
}
img.setAttribute('src', srr[s]);
}
function diaoyong() {
setInterval(chage, 1000);
}
</script>
</head>
<body onLoad="diaoyong();">
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 利用JS进行图片的切换即特效展示图片
- 利用JS进行图片的切换即特效展示图片
- 利用JS实现点击按钮后图片自动切换
- 计算机学院研发第二轮考核-------利用WebSetting来浏览网页进行优化（js脚本加载，图片，可放大缩小等）
- 利用js实现简单的图片切换（上下张切换）
- 利用JS实现点击按钮后图片自动切换的简单方法
- 利用gulp对项目html,js,css,图片进行压缩
- 利用js将图片地址进行转义
- 利用js实现鼠标切换控件背景图片
- 利用JS实现点击按钮后图片自动切换的简单方法
- 前端JS利用canvas的drawImage()对图片进行压缩
- WebView加载完网页之后利用js进行网页刷新，解决webview显示图片适应所有的机型
- 利用CSS的类名切换，进行DIV的显示隐藏，简化JS
- web前端实验一：利用Js捕获鼠标事件实现图片切换
- js无缝图片滚动代码,利用强大的JQUERY，兼容IE、火狐等主流浏览器
- 利用Nodejs & Cheerio & Request抓取Lofter美女图片
- js、jquery图片动画、动态切换示例代码
- JS+CSS实现淡入式焦点图片幻灯切换效果的方法
- Tomcat 利用server.xml进行其他盘符的其他项目映射的部署以及JSP引用其他盘符的图片（虚拟目录及虚拟路径）
- js带缩略图的图片切换效果