한국어
<스타일> .fly {color:336c6c;font-family:arial;font-size:24px;position:absolute; 가시성:숨김;z-색인:2;} .logo {글꼴-가족: 시간;글꼴-크기:48px;색상:파란색; 위치:절대;상단:0px;왼쪽:70px; 가시성:visible;z-index:1;} .desc {text-align: center;font-family:楷体_GB2312; 글꼴 크기:18px;색상: #336c6c;위치:절대;상단:220px; 왼쪽: 140px;너비:400px;가시성:숨김; z-index:0;} BODY {배경:#c0c0c0;} A {color:lime;} A:HOVER {color : yellow;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ? 참:거짓 ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "show" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "hide" else if (ie4) obj.visibility = "hidden" } function SlideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 20); } else initObjects(); } functionrotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; 객체[i].visibility = '표시'; object[i].left = (r * Math.cos(pos[i])) + xoff }rotateTimer = setTimeout("rotateObjects()", 50); } function initObjects() { object = new Array(fly1, fly2, fly3, fly4); pos = 새로운 배열(); 위치[0] = 0; for (var i = 1; i < object.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / object.length)); } 회전객체(); } /* 객체 회전을 위한 변수 */ var object; var 위치; var r = 160; // 반경 var xoff = 280; // x 오프셋 var yoff = 170; // y 오프셋 var pi = Math.PI; // 파이 얻기 var inc = pi / 180; // 회전 주기당 각도 var object; // 회전할 객체 var pos; // 개체 위치 </script> <body BGCOLOR="#c0c0c0" link="green" TEXT="black"> <div ID="fly1" CLASS="fly"><a HREF="#" onMouseOver= "showObject(desc1)" onMouseOut="hideObject(desc1)"> <p>항목 1</a><br></p> </div><div ID="fly2" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc2)" onMouseOut="hideObject(desc2)"> <p>항목 2</a><br></p> </div><div ID="fly3" 클래스 ="fly"><a HREF="#" onMouseOver="showObject(desc3)" onMouseOut="hideObject(desc3)"> <p>항목 3</a><br></p> </div>< div ID="fly4" CLASS="fly"><a HREF="#" onMouseOver="showObject(desc4)" onMouseOut="hideObject(desc4)"> <p>항목 4</a><br></ p> </div><div ID="company" CLASS="logo"> <p><small>꿈의 작업실에 오신 것을 환영합니다</small></p> </div><div ID="desc1" CLASS= "desc"> <p>항목 1의 内容 </p> </div><div ID="desc2" CLASS="desc"> <p>항목 2의 内容 </p> </div><div ID ="desc3" CLASS="desc"> <p>항목 3의 内容 </p> </div><div ID="desc4" CLASS="desc"> <p>항목 4의 内容 </p> < /div><script LANGUAGE="JavaScript"> /* 간단한 버전 감지 */ var isNS = (navigator.appName == "Netscape" &&parseInt(navigator.appVersion) >= 4);/* 대신에 사용할 수 있습니다. 때때로 Navigator에 두 가지 문제가 있기 때문에 숨겨지고 표시됩니다. */ var HIDDEN = (isNS) ? '숨기기' : '숨겨짐'; var VISIBLE = (isNS) ? '표시': '표시'; /* 서로 다른 절대 위치 요소에 대한 바로가기 변수 생성 */ var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; var 회사 = (isNS) ? document.company : document.all.company.style; var desc1 = (isNS) ? document.desc1 : document.all.desc1.style; var desc2 = (isNS) ? document.desc2 : document.all.desc2.style; var desc3 = (isNS) ? document.desc3 : document.all.desc3.style; var desc4 = (isNS) ? document.desc4 : document.all.desc4.style; /* 회사 로고 슬라이딩 시작 */ SlideLogo(0, 140); </script>