发信人: fansiren()
整理人: (2000-09-30 01:03:26), 站内信件
|
下面是完整的网页，里面包含了我刚刚编写的控制图片切换的JavaScript，
你只要把下面的代码拷贝到一个文本文件中，再把这个文件保存为“.htm”
文件，再找10幅图片，分别命名为f0.jpg->f9.jpg，保存在同一目录下面，
你就可以看到自动循环切换效果了。
欢迎访问我的网站：http://fazai.shangdu.net/
现在补充了：点击停止，再点击又播放的功能
<html>
<head>
<title>循环显示图片</title>
<script>
function mkarr(size) { this.length=size; }
var count=10;//总图片数
picno = new mkarr(count);
for (var i=0; i<=count; i++) picno[i]='images/f'+i+'.jpg';
//图片路径及文件名f0.jpg->f9.jpg
var pos=0;
var play=true;
function clickpic() {play=!play;}//点击停止，再点击播放
function view() {
if (pos>=count) pos=0;
if (play) pic.src=picno[pos++];
setTimeout("view()",1000);
}//循环显示图片，一幅图1秒钟
</script>
</head>
<body onload="view(); return true">
<p align="center">你可以看到下面的图片在循环显示：</p>
<div align="center">
<img name="pic" src="images/f0.jpg" onclick="clickpic()">
</div>
</body>
</html>
--
每日更新，欢迎朋友们光临：
http://fazai.shangdu.net/
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.103.105.5]
|
|