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

[07-23 13:05:24]   来源：http://www.wenxue9.com  it数码   阅读：8842次

概要： 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

js:网页按钮颜色变化的代码,标签：i知识,数码常识,http://www.wenxue9.com
  

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:html 按钮颜色：网页按钮的特殊颜色设置