首 页免费资源建站技术源码下载软件下载精品淘吧客户留言
用户登陆 | 用户注册
您当前的位置:笃志小屋建站技术特效代码鼠标事件 → 文章内容
鼠标悬停在input框上,就会使input框不停地变化颜色
作者:佚名  来源:不详  发布时间:2007-9-30 9:00:07

鼠标悬停在input框上,就会使input框不停地变化颜色



<!-- 要实现此效果需要 1 个步骤: -->

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

<script language="javascript">
function flasher(){

var swap = new Array(3)
swap[0]="yellow"
swap[1]="red"
swap[2]="blue"
swap[3]="green"
swap[4]="skyblue"
swap[5]="salmon"
swap[6]="purple"
swap[7]="pink"


var i =Math.floor(Math.random() * 6) + 1


document.flash.button1.style.backgroundColor=swap[i]
document.flash.button1.style.color="yellow"


Stop=setTimeout("flasher()",50)

}
function stopFlash(){
clearTimeout(Stop)
}

</script>
<form name="flash">
<input type="button" name="button1" value="鼠标悬停颜色" onMouseOver="flasher()" onMouseOut="stopFlash()">
</form>

2007-9-30 9:00:07免费资源duzhi.net

[ ] [返回上一页] [打 印]

【笃志小屋duzhi.net】

  技术文章导航
  技术文章排行
  精彩推荐
Copyright www.duzhi.net All Right Reserved.
设计制作:翼迅设计室 Equick Desgin Home 在线QQ:303471038
网络备案号:冀ICP备06008201号 站长信箱:webmaster#duzhi.net(将#换为@)
本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件!