阿拉风[Winifred]原创,请尊重知识产权,引用请勿删减
---------------------------------------
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"> <!-- var rt1; m = new Array() m[0] = "<B><FONT COLOR=red>CopyRight:Winifred</FONT></B>" m[1] = "<B>按钮新功效</B>" m[2] = "<B>Email/MSN:wfdmd@yahoo.com</B>" m[3] = "<B>2006新年快乐</B>" m[4] = "<B>运气象曾庆一样红</B>" m[5] = "<B>做人象吴官一样正</B>" m[6] = "<B>家庭象贾春一样旺</B>" m[7] = "<B>生活象温家一样饱</B>" m[8] = "<B>事业象小罗一样干</B>" m[9] = "<B>恋情象李长一样春</B>" m[10] = "<B>打牌象锦涛一样胡</B>" 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="<font size='2'>"+m[Ran(10)]+"</font>"; 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"; } } //--> </script>