鼠标放上去后变换色彩的按钮，很有意思的效果，非常实用

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 鼠标放上去后变换色彩的按钮，很有意思的效果，非常实用 (http://www.webasp.net/javascript/1/476.htm)
-- 发布日期： 2005-06-13
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<style>
<!--
.initial2{font-weight:bold;background-color:lime}
//-->
</style>

<script>
<!--

function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}

//-->
</script>
<form onMouseover="change('yellow')" onMouseout="change('lime')">
<input type="button" value="Yahoo " class="initial2" onClick="jumpto2('http://yahoo.com')">
<input type="button" value="Sohu " class="initial2" onClick="jumpto2('http://Sohu.com')">
</form>

webasp.net