[原创]在button上跳舞

阿拉风[Winifred]原创，请尊重知识产权，引用请勿删减

http://blog.csdn.net/wfdmd/archive/2006/01/01/568000.aspx

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

button，大概作web应用的兄弟用的多了。但是大多数人是为了触发button上的事件。

标准格式是 <input type="button" name="btn_name" value="btn_value">

引起我的关注，是之前一个项目中需要做触摸屏，用户需要按钮大一点的。平时做web开发中没有用过大按钮，网上也很少见人用过大按钮，所以一时不大清楚。button 本身的几个属性也不能设置button的高度。后来才想到在style里设置。能够在style里设置那真是方便。

<input type="button" name="btn_name" value="btn_value" style="height:50;" >

后来想字也 要弄大点，于是又改成：

<input type="button" name="btn_name" value="btn_value" style="height:50;font-size:30" >

我发现，button里可以设置的东西真多。通过修改style可以达到许多没有想到的效果。

以至于后来我发现button的另外一种用法。

<button><FONT SIZE="6" COLOR="red">btn_value</FONT></button>

是不是让大家耳目一新：）

于是我在公司论坛上修改了签名[公司论坛是支持html代码的，这是个很好的bug：）]

嘿嘿，又不少人copy了。

于是我打算在签名上加密，防止copy，其实加密也只是防防初学者，对于高手是没有用的。

顺便也把之前的霓虹灯效果也放上去了。这个效果之前没见人用过。也算是一种小小的创新吧：）

呵呵，来点掌声吧：）

<script language="JavaScript" type="text/javascript"> &lt;!-- var rt1; m = new Array() m[0] = "&lt;B&gt;&lt;FONT COLOR=red&gt;CopyRight:Winifred&lt;/FONT&gt;&lt;/B&gt;" m[1] = "&lt;B&gt;按钮新功效&lt;/B&gt;" m[2] = "&lt;B&gt;Email/MSN:wfdmd@yahoo.com&lt;/B&gt;" m[3] = "&lt;B&gt;2006新年快乐&lt;/B&gt;" m[4] = "&lt;B&gt;运气象曾庆一样红&lt;/B&gt;" m[5] = "&lt;B&gt;做人象吴官一样正&lt;/B&gt;" m[6] = "&lt;B&gt;家庭象贾春一样旺&lt;/B&gt;" m[7] = "&lt;B&gt;生活象温家一样饱&lt;/B&gt;" m[8] = "&lt;B&gt;事业象小罗一样干&lt;/B&gt;" m[9] = "&lt;B&gt;恋情象李长一样春&lt;/B&gt;" m[10] = "&lt;B&gt;打牌象锦涛一样胡&lt;/B&gt;" bagcolor = new Array() bagcolor[0] = "#FFFF00" bagcolor[1] = "#FFFFFF" bagcolor[2] = "#0000FF" bagcolor[3] = "#00FF00" bagcolor[4] = "#FF0000" bagcolor[5] = "#FF00FF" bagcolor[6] = "#00FFFF" bagcolor[7] = "#FF9900" bagcolor[8] = "#FF00CC" bagcolor[9] = "#009966" bagcolor[10] = "#660000" var i=0; function Ran(R) { return Math.floor((R+1)*Math.random()) } function play_rt() { rt1.style.filter="revealTrans(Duration=3,Transition=" + Ran(23) + ")"; rt1.filters.revealTrans.apply(); rt1.style.color=bagcolor[Ran(10)]; rt1.style.background=bagcolor[Ran(10)]; rt1.innerHTML="&lt;font size='2'&gt;"+m[Ran(10)]+"&lt;/font&gt;"; rt1.filters.revealTrans.play(); if(rt1.title=="2")timer = setTimeout("play_rt()",3000); } function rt1_click() { rt1 = event.srcElement; if(rt1.title=="1") { rt1.title="2"; play_rt(); timer = setTimeout("play_rt()",3000); } else { rt1.title="1"; } } //--&gt; </script> 点击开始,再击停止