- 처음 스크립트 진행시 이상한? 문구가 뜨게되며 아래는 yes와 no 버튼이 있습니다.
- 이제 no버튼을 클릭해봅시다 ( yes를 클릭하셔도되지만 잘생긴것 같나요? ㅋ)
- no버튼을 클릭하려고 마우스를 쫏아가면 no버튼은 어느새 다른곳으로 가버리고 맘니다.
그래서 yes를 어쩔수 없이 클릭하게되겠죠 ^^
아래는 본 예제의 자바스크립트 원문입니다.
<html>
<head>
<title>해피CGI</title>
<script language="javascript" type="text/javascript">
<!-- Begin
var flag = 1;
function t()
{
if( flag == 1 )
{
document.getElementById("N").style.top = "175px";
document.getElementById("N").style.left = "500px";
}
if( flag == 2 )
{
document.getElementById("N").style.top = "215px";
document.getElementById("N").style.left = "100px";
}
if( flag == 3 )
{
document.getElementById("N").style.top = "300px";
document.getElementById("N").style.left = "350px";
}
flag = flag + 1;
if( flag == 4 )
{
flag = 1;
}
}
// ---------------------------------------
function al()
{
alert( "그렇쵸...탁월한 선택하셨습니다..!" );
}
// End -->
</script>
</head>
<body>
<p><font color="red">해피CGI 디자이너들은 정말 잘생긴거같죠?</font></p>
<DIV ID="Y" STYLE="position:relative;">
<input type=button value="YES" onClick="al()" style=width:100>
</DIV>
<DIV ID="N" STYLE="position:relative;">
<input type=button value="NO" onMouseover="t()" style=width:100>
</DIV>
</body>
</html>
|
