dreamweaver刷新网页变换图片的实用方法

dreamweaver刷新网页变换图片的实用方法

 

dreamweaver刷新网页变换图片的实用方法

 

实现这种变化的方法很多,主要是使用javascript脚本来实现的,在需要实际这种效果的地方放置下面的代码,每刷新一下网页,图片就会变换一下。

代码并不复杂,如下:

<SCRIPT language=JavaScript type=text/JavaScript>
var imgList=new Array(
// 编辑图像文件开始!!下面每行一个,都是要显示的图像文件名。
"fengye.webp",
"wangjun.webp",
"yueru.webp",
"shuai.webp");
// 编辑图像文件结束!!注意,最后一个的最后是“);”,其它都是一个“,”。

var linkList=new Array(
// 编辑链接开始!!注意每个链接都要对应上面的顺序。
"fengye.htm",
"wangjun.htm",
"yueru.htm",
"shuai.htm");
// 编辑链接结束!!

var altList=new Array(
// 编辑提示文字开始!!注意每个提示都要对应上面的顺序。
"欢迎访问枫叶工作室",
"金巧巧",
"林月如真人版",
"英俊的哈利");
// 编辑链接结束!!注意:如果不想要提示就为空!

var rndindex=Math.round(Math.random()*(imgList.length-1));
document.write("<a href='"+linkList[rndindex]+"' target=\"_blank\"><img src='"+imgList[rndindex]+"' border=0 alt='"+altList[rndindex]+"'></a>");

</SCRIPT>

//补充注释:JavaScript 严格区分大小写。还有双引号问题,输入双引号的时候请关闭中文输入法,不然也会出错。

代码解析:

这就是实现刷新就换图片的秘密所在。javascript脚本里,定义了3个一维数组,每个数组存放了不同的内容。如上代码:imgList是用来存放图片的数组,altList是用来存放链接的数组,altList就是存放图片对应的说明了。然后最后使用了一个随机函数Math.random()实现了图片的随机变换。再用dcument.write输出。就这些了,很简单的脚本。

推荐阅读