語法說明：


  • 在 border: 1px solid #525050; 中修改邊框色彩及框線粗細

  • 在 color : #525050; 中修改文字色

  • 在 font-size : 9pt; 中修改文字大小

  • 在 background-color:#eeeeee; 中修改背景色彩

  • 在 onMouseover="change('#FFFF00')" 中修改變化的顏色

  • 請自行增加或減少按鈕數量

  • VALUE"可修改按鈕的文字 onClick"可修改按鈕的連結

  • 可自行修改視窗開啟的方式 
    onclick="window.open('連結網址');為開新視窗 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: 1px solid #525050; /*設定邊框色彩*/
color : #525050; /*設定文字色彩*/
font-size : 9pt; /*設定文字大小*/
background-color:#eeeeee; /*設定背景色彩*/
}
-->
</style>
<center>
<!--在change('#FFFF00')修改變化的顏色-->
<form onMouseover="change('#FFFF00')" onMouseout="change('')">
<INPUT TYPE="button" VALUE="-連結名稱-" onClick="location='連結網址'">
<INPUT TYPE="button" VALUE="-本連結名稱-" onClick="location='連結網址'">
<INPUT TYPE="button" VALUE="-連結名稱-" onClick="location='連結網址'"><BR><BR><BR>
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
<INPUT TYPE="button" VALUE="-連結名稱-" onclick="window.open('連結網址');">
</form>
</center>
<!--變色連結按鈕 _結束-->


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 nicole 的頭像
    nicole

    nicole 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄