不断闪烁的按钮

2008-09-20 09:30:00 | 【

按钮上的文字会自动变换颜色,不断闪烁,可以有效提醒用户点击按钮

查看全部代码 View Code

第一步:
添加以下代码到</body>之前

<script language="JavaScript1.2">

        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序,请保留此声明
         * 获取此脚本以及更多的JavaScript程序,请访问 http://www.ShareJS.com
         ******************************************************/
    
if (document.all&&document.all.flashit){

var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit

function changecolor(which){
if (flashelement[which].style.color=='')
flashelement[which].style.color="red"
else
flashelement[which].style.color=""
}


if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++){
var tempvariable='setInterval("changecolor('+i+')",'+'1000)'
eval(tempvariable)
}

}
</script>


第二步:
为需要加入效果的按钮加上 id=flashit
<input type="button" name="Button" value="闪烁的按钮 ShareJS.com" id=flashit>


注:JavaScript脚本代码,必须放在按钮之后执行

下载"不断闪烁的按钮"

  • 本地下载
  • 本地下载2

相关资源