站 内 搜 索
推 荐 合 作 商
优 秀 内 容 推 荐
您当前位置：
中国素材首页
>>
网页特效
>>
图片类
>> 鼠标响应图片变化
鼠标响应图片变化
中国素材网 www.sucai.com 2005-8-10 9:01:00 流量数:
鼠标响应图片变化
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="Javascript">
img1=new Array(2);
img1[0]=new Image; img1[0].src="image/img-01.jpg";
img1[1]=new Image; img1[1].src="image/img-02.jpg";
img1[2]=new Image; img1[2].src="image/img-03.jpg";
img2=new Array(2);
img2[0]=new Image; img2[0].src="image/img-01-a.jpg";
img2[1]=new Image; img2[1].src="image/img-02-a.jpg";
img2[2]=new Image; img2[2].src="image/img-03-a.jpg";
function show(n)
{
if (n==0) document.P0.src=img2[0].src;
if (n==1) document.P1.src=img2[1].src;
if (n==2) document.P2.src=img2[2].src;
}
function hide(n)
{
if (n==0) document.P0.src=img1[0].src;
if (n==1) document.P1.src=img1[1].src;
if (n==2) document.P2.src=img1[2].src;
}
</SCRIPT>
<A HREF="cool/music_cool.htm" ONMOUSEOVER="show(0);" ONMOUSEOUT="hide(0);"><IMG SRC="image/img-01.jpg" ALT="给我留言" NAME="P0" BORDER=0 HEIGHT=33 WIDTH=100></a><br>
<A HREF="cool/music_cool.htm" ONMOUSEOVER="show(1);" ONMOUSEOUT="hide(1);"><IMG SRC="image/img-02.jpg" ALT="给我留言" NAME="P1" BORDER=0 HEIGHT=33 WIDTH=100></a><br>
<A HREF="cool/music_cool.htm" ONMOUSEOVER="show(2);" ONMOUSEOUT="hide(2);"><IMG SRC="image/img-03.jpg" ALT="给我留言" NAME="P2" BORDER=0 HEIGHT=33 WIDTH=100></a><br>