日本語
<スタイル> .fly {color:336c6c;font-family:arial;font-size:24px;position:absolute;可視性:非表示;z-index:2;} .logo {フォントファミリー: 回;フォントサイズ:48px;色:青;位置:絶対;上:0px;左:70px;可視性:可視;z-index:1;} .desc {text-align: center;font-family:楷体_GB2312;フォントサイズ:18px;カラー:#336c6c;位置:絶対;トップ:220px;左: 140 ピクセル;幅: 400 ピクセル;可視性:非表示; 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 slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 20);それ以外の場合は initObjects();関数rotateObjects() { 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);関数 initObjects() { オブジェクト = 新しい Array(fly1, fly2, fly3, fly4); pos = 新しい配列(); pos[0] = 0; for (var i = 1; i < object.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / object.length));回転オブジェクト(); } /* オブジェクトを回転するための変数 */ var object; var pos; var r = 160; // 半径 var xoff = 280; // x オフセット var yoff = 170; // y オフセット var pi = Math.PI; // 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 で 2 つの */ 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 company = (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>
