圖像翻轉 鼠標移上去看效果

- 中國WEB開發者網絡 (http://www.webasp.net)
-- 網頁特效 (http://www.webasp.net/javascript/)
--- 圖像翻轉 鼠標移上去看效果 (http://www.webasp.net/javascript/1/257.htm)
-- 發佈日期： 2004-07-03
<!-- 網頁特效代碼由[中國WEB開發者網絡:http://www.ChinaWebDev.com]提供！ -->
<!-- 要實現此效果需要 2 個步驟： -->

<!-- 第 1 步： -->
<!-- 把下面的代碼加到<HEAD></HEAD>區域中： -->

<script language="Javascript">

<!--

//Slide Show script (this notice must stay intact)

//For this and more scripts

//visit java-scripts.net or http://wsabstract.com



if (document.images) {

button1 = new Image

button2 = new Image



button1.src = '../images/webasp.net.1.jpg'

button2.src = '../images/webasp.net.2.jpg'

}

//-->

</script>





<!-- 第 2 步： -->
<!-- 把下面的代碼加到<BODY></BODY>區域中： -->

<a href="#" onmouseover="document.rollover.src=button2.src"

onmouseout="document.rollover.src=button1.src"><img src="../images/webasp.net.1.jpg" border=0

name="rollover"></a>
webasp.net