|
|
鼠标感应自动放大缩小的图片链接
名称： |
鼠标感应自动放大缩小的图片链接 |
实例：
|
|
| 教程： |
第一步，将下面的代码加入<head></head>之间 <script language="JavaScript1.2">
function expand() {
if (smallslot.width<=102) {
x=window.setTimeout('expand()', 10)
smallslot.width=smallslot.width + 5
smallslot.height=smallslot.height + 5
}
else {
setTimeout('reduce()', 0)
}
}
function reduce() {
if (smallslot.width>80) {
x=window.setTimeout('reduce()', 10)
smallslot.width=smallslot.width - 5
smallslot.height=smallslot.height - 5
}
}
</script>
第二步：将下面的原代码加入<body></body>之间
<div id="slot1"
onmouseover="expand()" style="HEIGHT: 102px; WIDTH: 80px"><a
href="http://netschool.myweb.com.cn/" target="_top">
<dd><img border="0" hspace="0" id="smallslot"
src="ajie.gif" style="LEFT: 296px; POSITION: absolute; TOP: 104px;
VISIBILITY: visible; z: 2" WIDTH="80" HEIGHT="102"></a> </dd>
</div>
|
| 说明： |
其中的红色部分改为你自己的图片的名称以及长和宽。 |
|
