香烟 发表于 2007-4-27 11:58:19

***页面特效***鼠标onmouse时出现图片 图片为链接做说明

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<script language="javascript">
<!-- begin
var link1 = new image();
var link2 = new image();
var link3 = new image();

link1.src = "http://www.jojoo.net/include/1.jpg";
link2.src = "http://www.jojoo.net/include/2.jpg";
link3.src = "http://www.jojoo.net/include/3.jpg";

function dobuttons(picimage) {

eval("document['picture'].src = " + picimage + ".src");
}
//end -->
</script>


第二步:把如下代码加入到<body>区域中

<center>
<table border=1>
<tr><td>
<center>
          <h2><font size="3">请选择链接</font></h2>
      </center>
<p>
      <li><a href = "http://www.jojoo.net/bb/" onmouseover = "dobuttons('link1')">ff9_6
          <p>

</a>
      <li><a href = "http://www.jojoo.net/ts/" onmouseover = "dobuttons('link2')">ff9_7
          <p>

</a>
      <li><a href = "http://www.jojoo.net/sc" onmouseover = "dobuttons('link3')">ff9_8
          <p>

</a><td>
<img name=picture src="http://www.jojoo.net/logo.gif" width=440 height=300 border=0>http://www.jojoo.net/logo.gif</td>
</tr>
</table>
</center>
      










--------------------------------------

http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***页面特效***鼠标onmouse时出现图片 图片为链接做说明