變色連結按鈕 語法說明： 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> |
 |
|