上一页 返回教程首页 下一页
名称
鼠标感应图片浏览器
实例
图片 1
图片 2
图片 3
教程
第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；
<script> function changeimage(towhat,url){ if (document.images){ document.images.targetimage.src=towhat.src gotolink=url } } function warp(){ window.location=gotolink } </script> <script language="JavaScript1.1"> var myimages=new Array() var gotolink="#" function preloadimages(){ for (i=0;i<preloadimages.arguments.length;i++){ myimages[i]=new Image() myimages[i].src=preloadimages.arguments[i] } } preloadimages("image1.gif","image2.gif","image3.gif") </script>
第二步：拷贝下面的代码到你的html文件的<body>和</body>之间；
<table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="15%" valign="top" align="left">请选择图片<p><a href="#" onMouseover="changeimage(myimages[0],this.href)">图片 1</a></p> <p><a onMouseover="changeimage(myimages[1],this.href)" href="#">图片 2</a></p> <p><a href="#" onMouseover="changeimage(myimages[2],this.href)">图片 3</a></td> <td width="85%" valign="middle" align="left"><p align="center"><a href="javascript:warp()"><img src="image1.gif" name="targetimage" border="0" width="140" height="40"></a> </td> </tr> </table>
说明：将图片改为你自己的就可以了。
