<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> 삶의향기 </TITLE><STYLE TYPE="TEXT/CSS">
<!-- A:link {text-decoration:none} A:visited {text-decoration:none}
A:hover {color: red; text-decoration:underline;}-->
</STYLE>
<script language=javaScript>
<!-- Beginning of JavaScript -
function flipVertical() {
if(document.all) {
document.all.mainbody.style.filter="flipV()"
var timer=setTimeout("flipHori()",3000)
}
}
function flipHori() {
document.all.mainbody.style.filter="flipH()"
var timer=setTimeout("flipRestore()",3000)
}
function flipRestore() {
history.go(0)
}
// - End of JavaScript - -->
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<div id="mainbody" style="width:200px; height:200px; position:absolute; left:50px; top:50px; z-index:1; visibility:visible;">
<table cellpadding=4>
<tr>
<td colspan=3><font size=2 face="Verdana"><b><a href="#" onMouseOver="flipVertical()"><img src="imge/kitty.gif" width="112" height="115" border="0"><br>이곳에 마우스를 대 보세요!!</A></B></font></td>
</tr>
<tr>
<td valign=bottom width=200>
<font size=2 face="Verdana"><br><br>
</font></td>
<td valign=bottom width=200>
<br><br>
</td>
<td></td>
</tr>
</table>
</div><pre>
</pre><center><SCRIPT LANGUAGE="JavaScript">
<!--
function sourceopen() {
var This_URL = "";
This_URL = document.location;
window.location = "view-source:"+This_URL;
}
-->
</SCRIPT>
<p><INPUT TYPE=button NAME="source" value="소스보기" onClick="sourceopen()" style="color:rgb(255,0,102); background-color:white; border-top-color:rgb(255,204,255); border-right-color:rgb(255,204,204); border-bottom-color:rgb(204,204,204); border-left-color:rgb(204,204,204);">
</BODY></FORM>
</HTML>
'Javascript' 카테고리의 다른 글
| 레이어를 이용한 이미지 위에 색깔 덧씌우기 (0) | 2016.05.30 |
|---|---|
| 마우스를 따라 예쁜 이미지들을 잔상으로 (0) | 2016.05.30 |
| 통합 검색기 (0) | 2016.05.30 |
| 텍스테에 반딧불 효과를 내보자 (0) | 2016.05.30 |
| 풀 스크린 (0) | 2016.05.30 |