中文(繁体)
<樣式> .fly {顏色：336c6c；字體系列：arial；字體大小：24px；位置：絕對；可見性：隱藏；z-index：2；} .logo {字體系列：次；字體大小：48px；顏色：藍色；位置：絕對；上：0px；左側：70px；可見性:可見;z-index:1;} .desc {text-align: center;font-family:楷體_GB2312;字體大小：18px；顏色：#336c6c；位置：絕對；上：220px；左：140px；寬度：400px；可見性：隱藏； z-index:0;} BODY {background:#c0c0c0;} A {color:lime;} A:HOVER {color : Yellow;} </style> <script LANGUAGE="JavaScript"> ns4 = (document.layers) ？ true:false ie4 = (document.all)? true:false function showObject(obj) { if (ns4) obj.visibility = "顯示" else if (ie4) obj.visibility = "visible" } function hideObject(obj) { if (ns4) obj.visibility = "隱藏" else if (ie4) obj.visibility = "hidden" } function slipLogo(from, to) { if (from < to) { company.top = (from += 10); } setTimeout('slideLogo(' + from + ',' + to + ')', 20); } 否則 initObjects(); } functionrotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; }對象[i].visibility = '可見';物件[i].left = (r * Math.cos(pos[i])) + xoff }rotateTimer = setTimeout("rotateObjects()", 50); } 函數 initObjects() { 物件 = new Array(fly1,fly2,fly3,fly4); pos = 新數組();位置[0] = 0; for (var i = 1; i <objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) /objects.length)); } 旋轉物件（）； } /* 旋轉物件的變數 */ var objects; var 位置； var r = 160； // 半徑 var xoff = 280; // x 偏移 var yoff = 170; // y 偏移量 var pi = Math.PI; // 取得 pi var inc = pi / 180; // 每旋轉週期度數 var 物件； // 要旋轉的物件 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);/*它們可以用來代替隱藏和可見，因為有時導航器會出現兩個問題 */ var HIDDEN = (isNS) ? '隱藏' : '隱藏'; var 可見 = (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; /* 開始公司標誌的滑動 */ slipLogo(0, 140); </腳本>
