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输出。就这些了，很简单的脚本。