| 用JavaScript制作鼠标感应效果 |
| 作者：小晓 来源：不详 整理日期：2007-4-18 |
HTML是一种功能强大的描述型语言，用它可以制作的网页可以包含图片、声音、甚至视频等多媒体效果。恰当地把Java或JavaScript语言结合起来还能设计出一些更为特殊的效果。今天我们就用JavaScript制作鼠标感应的效果：鼠标会自动放大缩小图片的链接！
第一步，将下面的代码加入〈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〉〈ahref=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〉
|
|
|
