본문 바로가기

javascript

칼라 폼버튼 + 마우스 오버 상태바 메세지 샘플

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<script language="JavaScript">

function button1() {
    status=("첫번째 버튼 입니다") // 상태바 메세지
}    
function button2() {
    status=("두번째 버튼 입니다")
}
function button3() {
    status=("세번째 버튼 입니다")
}
function statusrestore() {
    status=("") // 상태바 메세지 지우기
}    
</script>  

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<!--2. <BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<CENTER>
<FORM METHOD="LINK" ACTION="http://bizserver.new21.net">
<INPUT TYPE="submit"
VALUE="Button 1" onMouseOver="button1()" onMouseOut="statusrestore()"  style="color: #000080; font-weight: bold">
</FORM>

<FORM METHOD="LINK" ACTION="mailto:babo@babo.com">
<INPUT TYPE="submit" VALUE="Button 2" onMouseOver="button2()" onMouseOut="statusrestore()" style="font-weight: bold; color: #0000FF">
</FORM>

<FORM METHOD="LINK" ACTION="http://bizserver.new21.net">
<INPUT TYPE="submit"
VALUE="Button 3" onMouseOver="button3()" onMouseOut="statusrestore()" style="color: #FF0000; font-weight: bold">
</FORM>
</CENTER>