01 變色連結按鈕

變色連結按鈕

語法說明:

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>
Comments