變色連結按鈕 語法說明: 1. 在 border-width: 3px thin; 中修改框線粗細 2. 在 border-style: solid; 中修改框線樣式 3. 在 border-color: black; 中修改框線顏色 4. 在 color : #525050; 中修改文字色彩 5. 在 font-size : 9pt; 中修改文字大小 6. 在 background-color:#eeeeee; 中修改背景色彩 7. 在 onMouseover="change('#FFFF00')" 中修改變化的顏色 8. onclick="window.open('連結網址');為開新視窗 9. onClick="location='連結網址'"為在同一頁開啟連結 語法範例: <script language="JavaScript"> function change(color){ if (event.srcElement.tagName=="INPUT") event.srcElement.style.backgroundColor=color } function jumpto(url){ window.location=url } </script> <style type=text/css> input { border-width:3px thin;/*設定邊框粗細*/ border-style:solid; /*設定邊框樣式:實線*/ border-color:black; /*設定邊框顏色*/ color : #525050; /*設定文字色彩*/ font-size : 9pt; /*設定文字大小*/ background-color:#eeeeee; /*設定背景色彩*/ } </style> <!--在change('#FFFF00')修改變化的顏色--> <form onMouseover="change('#FFFF00')" onMouseout="change('')"> <INPUT TYPE="button" VALUE="Go Wallto(location)" onClick="location='http://wallto.com'"> <BR><BR><BR> <INPUT TYPE="button" VALUE="Go Wallto(window)" onclick="window.open('http://wallto.com');"> </form> |