📄 ye20.htm
字号:
<html>
<head>
<title>鼠标响应图片变化</title>
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>鼠标响应图片变化</font></center>
<br>
<br><center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center><SCRIPT LANGUAGE="Javascript">
img1=new Array(2);
img1[0]=new Image; img1[0].src="img-01.jpg";
img1[1]=new Image; img1[1].src="img-02.jpg";
img1[2]=new Image; img1[2].src="img-03.jpg";
img2=new Array(2);
img2[0]=new Image; img2[0].src="img-01-a.jpg";
img2[1]=new Image; img2[1].src="img-02-a.jpg";
img2[2]=new Image; img2[2].src="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="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="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="img-03.jpg" ALT="给我留言" NAME="P2" BORDER=0 HEIGHT=33 WIDTH=100></a><br>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
把如下代码加入<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>
</textarea>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
function goHist(a)
{
history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -