js:网页按钮颜色变化的代码

11-07 14:48:17   浏览次数:123次  栏目：电脑常识

标签：电脑常识大全,http://www.lexue88.com js:网页按钮颜色变化的代码,

js:网页按钮颜色变化的代码

鼠标移入移出时颜色变化

<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"

onMouseOver=this.style.color="red" class="button">

详细实例：

点击代码，可查看演示效果：

<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>
<!--onMouseover是鼠标移上去时的颜色，onMouseout是鼠标离开时的颜色-->
<form onMouseover="change('00ccff')" onMouseout="change('ffcccc')">
<input type="button" value="返回目录 " class="css5" onClick="jumpto2('http://www.fengfly.com')">
</form>

，js:网页按钮颜色变化的代码