ภาษาไทย
<สไตล์> .บิน {color:336c6c;font-family:arial;font-size:24px;position:absolute; การมองเห็น: ซ่อน; z-index: 2;} .logo {font-family: times;font-size:48px;color:blue; ตำแหน่ง:สัมบูรณ์;ด้านบน:0px;ซ้าย:70px; การมองเห็น: มองเห็น; 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 ฟังก์ชั่น 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(จาก, ถึง) { if (จาก < ถึง) { company.top = (จาก += 10); setTimeout('slideLogo(' + จาก + ',' + ถึง + ')', 20); } อื่น initObjects(); } ฟังก์ชั่น RotObjects() { สำหรับ (var i = 0; i < pos.length; i++) { pos[i] += inc; วัตถุ [i] .visibility = 'มองเห็นได้'; object[i].left = (r * Math.cos(pos[i])) + xoff } หมุนTimer = setTimeout("rotateObjects()", 50); } ฟังก์ชั่น initObjects() { object = อาร์เรย์ใหม่ (fly1, fly2, fly3, fly4); pos = อาร์เรย์ใหม่ (); ตำแหน่ง[0] = 0; สำหรับ (var i = 1; i < object.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / object.length)); } หมุนวัตถุ(); } /* ตัวแปรสำหรับการหมุนวัตถุ */ วัตถุ var; var pos; วาร์ 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="บริษัท" 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>Item 3 ด้านล่าง </p> </div><div ID="desc4" CLASS="desc"> <p>Item 4 ด้านล่าง </p> < /div><script LANGUAGE="JavaScript"> /* Simple version Detection */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);/* สามารถใช้แทนได้ ซ่อนและมองเห็นได้เพราะในบางครั้ง Navigator มีปัญหากับทั้งสอง */ var HIDDEN = (isNS) ? 'ซ่อน' : 'ซ่อน'; var ที่มองเห็นได้ = (isNS) ? 'show' : 'มองเห็นได้'; /* สร้างตัวแปรทางลัดสำหรับองค์ประกอบที่อยู่ในตำแหน่งที่แน่นอนที่แตกต่างกัน */ 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); </สคริปต์>