站 内 搜 索
推 荐 合 作 商
优 秀 内 容 推 荐
  您当前位置：中国素材首页 >> 网页特效 >> 背景类 >> 自己选择背景图片
 
自己选择背景图片
中国素材网 www.sucai.com 2005-8-8 14:20:00 流量数:
自己选择背景图片
[查看演示]  源码如下
----------------------------------------------------------------------------------------
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
if (navigator.appName == "Microsoft Internet Explorer") {
image_directory = "http://www.cn76.com/javascript/";
clear = new Image(); clear.src = image_directory + "clear.jpg";
pic1 = new Image(); pic1.src = image_directory + "chameleon.jpg";
pic2 = new Image(); pic2.src = image_directory + "gecko.jpg";
pic3 = new Image(); pic3.src = image_directory + "lizard.jpg";
pic4 = new Image(); pic4.src = image_directory + "toad.jpg";
}
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer") {
document.body.background = eval(imgName + ".src");
}
}
// End -->
</script>
<a href="default.htm" onMouseOver="imagechange('pic1');" onMouseOut="imagechange('clear');"><img src="5.jpg"></a>
<a href="default.htm" onMouseOver="imagechange('pic2');" onMouseOut="imagechange('clear');"><img src="0015.gif"></a>
<a href="default.htm" onMouseOver="imagechange('pic3');" onMouseOut="imagechange('clear');"><img src="00012.gif"></a>
<a href="default.htm" onMouseOver="imagechange('pic4');" onMouseOut="imagechange('clear');"><img src="tb3.jpg"></a>