불꺼! 불켜!
우선 버튼을 눌러 보세요.
불이 꺼지고 켜지는 듯한 상황이 나타나죠.
버튼을 이용한 배경적용 스크립트 입니다.
재미있는 소스죠^^
|
<![CDATA[
<STYLE><!--
.leading200 { line-height: 200% }
.leading180 { line-height: 180% }
.leading150 { line-height: 150% }
.leading100 { line-height: 100% }
-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM OTHER BROWSER
function ColorOff( ) {
var color
for (var i=15;i >= 0;i--) {
var ii = ""+i
if (i == 10) ii = "a"
if (i == 11) ii = "b"
if (i == 12) ii = "c"
if (i == 13) ii = "d"
if (i == 14) ii = "e"
if (i == 15) ii = "f"
color="#"+ii+ii+ii+ii+ii+ii
document.bgColor=color
}
}
function ColorOn( ) {
var color;
for (var i=0;i < 16;i++) {
var ii = ""+i
if (i == 10) ii = "a"
if (i == 11) ii = "b"
if (i == 12) ii = "c"
if (i == 13) ii = "d"
if (i == 14) ii = "e"
if (i == 15) ii = "f"
color="#"+ii+ii+ii+ii+ii+ii
document.bgColor=color
}
}
// STOP HIDING -->
</SCRIPT>
<DIV align="center">
<TABLE border="0">
<TR>
<DIV align="center">
<TABLE border="0" width="400">
<TR>
<TD align="center">
<FORM method="get">
<P><INPUT type="button" name="off" value="불 꺼 봐" onclick="ColorOff( )"></TD>
<TD align="center">
</FORM>
<FORM method="get">
<P><INPUT type="button" name="on" value="불 켜 주" onclick="ColorOn( )"></TD>
</TR>
</TABLE>
</DIV>
]]>
|