一段旋转菜单IE浏览器支持而火狐不支持的代码如何修改

<html> 
　　 <head> 
　　 <head> 
　  <style> 
　  .circle { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: 
　　 absolute; visibility: hidden; z-index: 2 } 
　　.text { text-align: left; font-family: Verdana, Helvetica; font-size: 12px; color: 
　　 #000000; position: absolute; top: 185px; left: 280px; width: 
　　 225px; visibility: hidden; z-index: 0 } 
　　.picture { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: 
　　 absolute; top: 10px; left: 10px; visibility: visible; z-index: 1 } 
　　　 </style> 
　　 </head> 
　　 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
　　 <title>★欢迎访问网页教学网★ ★ 全力打造素材精品库 图片素材 代码 </title> 
　　 </head> 
　　 <body> 
　　 <script language="JavaScript"> 
　　 <!-- 
　　 function showObject(object) { 
　　 object.visibility = VISIBLE; 
　　 } 
　　 function hideObject(object) { 
　　 object.visibility = HIDDEN; 
　　 } 
　　 function slidepicture(from, to) { 
　　 if (from < to) { 
　　 website.top = (from += 10); 
　　 setTimeout('slidepicture(' + from + ',' + to + ')', 75); 
　　 } 
　　 else initObjects(); 
　　 } 
　　 function rotateObjects() { 
　　 for (var i = 0; i < pos.length; i++) { 
　　 pos[i] += inc; objects[i].visibility = 'visible'; 
　　 objects[i].left = (r * Math.cos(pos[i])) + xoff 
　　 objects[i].top = (r * Math.sin(pos[i])) + yoff; 
　　 } 
　　 rotateTimer = setTimeout("rotateObjects()", 75); 
　　 } 
　　 function initObjects() { 
　　 objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6); 
　　 pos = new Array(); 
　　 pos[0] = 0; 
　　 for (var i = 1; i < objects.length; i++) { 
　　 pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); 
　　 } 
　　 rotateObjects(); 
　　 } 
　　// Variables for rotating images/text // 
　　 var objects; 
　　 var pos; 
　　 var r = 150; // radius 
　　 var xoff = 340; // horizontal position 
　　 var yoff = 230; // vertical position 
　　 var pi = Math.PI; 
　　 var inc = pi / 180; // the higher the pi the slower the speed of rotation 
　　 var objects; 
　　 var pos; 
　　//--> 
　　 </script> 
　　 <div id="circle1" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/3.html" onmouseover="showObject(text1)" onmouseout="hideObject(text1)"> <img src="/img/200406303.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="circle2" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/2.html" onmouseover="showObject(text2)" onmouseout="hideObject(text2)"> <img src="/img/200406301.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="circle3" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/1.html" onmouseover="showObject(text3)" onmouseout="hideObject(text3)"> <img src="/img/200406302.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="circle4" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/4.html" onmouseover="showObject(text4)" onmouseout="hideObject(text4)"> <img src="/img/200406303.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="circle5" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/5.html" onmouseover="showObject(text5)" onmouseout="hideObject(text5)"> <img src="/img/200406304.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="circle6" class="circle"> 
　　 <a href="http://www.knowsky.com/htmldata/sort/6.html" onmouseover="showObject(text6)" onmouseout="hideObject(text6)"> <img src="/img/200406305.jpg 
　　" border="1" width="128" height="128" 
　　> </a> <br> 
　　 </div> 
　　 <div id="website" class="picture"> 
　　 </div> 
　　 <div id="text1" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <div id="text2" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <div id="text3" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <div id="text4" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <div id="text5" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <div id="text6" class="text"> 
　　 <p align="center"> <b>★欢迎访问网页教学网★ 
　　★ <br> 
　　全力打造素材精品库 </b> <br> 
　　图片素材 <br> 
　　代码素材 <br> 
　　动画素材 <br> 
　　桌面壁纸 <br> 
　　矢量素材 <br> 
　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
　　 </div> 
　　 <SCRIPT LANGUAGE = "JavaScript"> 
　　 var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); 
　　 
　　 var HIDDEN = (isNS) ? 'hide' : 'hidden'; 
　　 var VISIBLE = (isNS) ? 'show' : 'visible'; 
　　 var circle1 = (isNS) ? document.circle1 : document.all.circle1.style; 
　　 var circle2 = (isNS) ? document.circle2 : document.all.circle2.style; 
　　 var circle3 = (isNS) ? document.circle3 : document.all.circle3.style; 
　　 var circle4 = (isNS) ? document.circle4 : document.all.circle4.style; 
　　 var circle5 = (isNS) ? document.circle5 : document.all.circle5.style; 
　　 var circle6 = (isNS) ? document.circle6 : document.all.circle6.style; 
　　 var website = (isNS) ? document.website : document.all.website.style; 
　　 var text1 = (isNS) ? document.text1 : document.all.text1.style; 
　　 var text2 = (isNS) ? document.text2 : document.all.text2.style; 
　　 var text3 = (isNS) ? document.text3 : document.all.text3.style; 
　　 var text4 = (isNS) ? document.text4 : document.all.text4.style; 
　　 var text5 = (isNS) ? document.text5 : document.all.text5.style; 
　　 var text6 = (isNS) ? document.text6 : document.all.text6.style; 
　　 
　　 slidepicture(0, 0); 
　　 </SCRIPT> 
　　 </body> 
　　 </html>

解决方案 »

  1.   

    以下代码在IE8与FF3.5下测试正常，请楼主注重基础的CSS,与Dom操作！
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <STYLE TYPE="TEXT/CSS">
      .circle{
    position: absolute; visibility: hidden;
      }
      .text{ text-align: left; font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position: absolute; top: 185px; left: 280px; width: 225px; visibility: hidden; z-index: 0; }  .picture { font-family: Verdana, Helvetica; font-size: 12px; color: #000000; position:  absolute; top: 10px; left: 10px; visibility: visible; z-index: 1; } 
      </STYLE>
       <script language="JavaScript"> 
     
    　　 function showObject(object) { 
    　　 object.visibility = VISIBLE; 
    　　 } 
    　　 function hideObject(object) { 
    　　 object.visibility = HIDDEN; 
    　　 } 
    　　 function slidepicture(from, to) { 
    　　 if (from < to) { 
    　　 website.top = (from += 10); 
    　　 setTimeout('slidepicture(' + from + ',' + to + ')', 75); 
    　　 } 
    　　 else initObjects(); 
    　　 } 
    　　 function rotateObjects() { 
    　　 for (var i = 0; i < pos.length; i++) { 
    　　 pos[i] += inc; objects[i].visibility = 'visible'; 
    　　 objects[i].left = (r * Math.cos(pos[i])) + xoff 
    　　 objects[i].top = (r * Math.sin(pos[i])) + yoff; 
    　　 } 
    　　 rotateTimer = setTimeout("rotateObjects()", 75); 
    　　 } 
    　　 function initObjects() { 
    　　 objects = new Array(circle1, circle2, circle3, circle4, circle5, circle6); 
    　　 pos = new Array(); 
    　　 pos[0] = 0; 
    　　 for (var i = 1; i < objects.length; i++) { 
    　　 pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); 
    　　 } 
    　　 rotateObjects(); 
    　　 } 
    　　// Variables for rotating images/text // 
    　　 var objects; 
    　　 var pos; 
    　　 var r = 150; // radius 
    　　 var xoff = 340; // horizontal position 
    　　 var yoff = 230; // vertical position 
    　　 var pi = Math.PI; 
    　　 var inc = pi / 180; // the higher the pi the slower the speed of rotation 
    　　 var objects; 
    　　 var pos; 　　 </script> 
     </HEAD> <BODY>
      <div id="circle1" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/3.html" onmouseover="showObject(text1)" onmouseout="hideObject(text1)"> <img src="/img/200406303.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="circle2" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/2.html" onmouseover="showObject(text2)" onmouseout="hideObject(text2)"> <img src="/img/200406301.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="circle3" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/1.html" onmouseover="showObject(text3)" onmouseout="hideObject(text3)"> <img src="/img/200406302.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="circle4" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/4.html" onmouseover="showObject(text4)" onmouseout="hideObject(text4)"> <img src="/img/200406303.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="circle5" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/5.html" onmouseover="showObject(text5)" onmouseout="hideObject(text5)"> <img src="/img/200406304.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="circle6" class="circle"> 
    　　 <a href="http://www.knowsky.com/htmldata/sort/6.html" onmouseover="showObject(text6)" onmouseout="hideObject(text6)"> <img src="/img/200406305.jpg 
    　　" border="1" width="128" height="128" 
    　　> </a> <br> 
    　　 </div> 
    　　 <div id="website" class="picture"> 
    　　 </div> 
    　　 <div id="text1" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
    　　 <div id="text2" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
    　　 <div id="text3" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
    　　 <div id="text4" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
    　　 <div id="text5" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
    　　 <div id="text6" class="text"> 
    　　 <p align="center"> <b>★欢迎访问网页教学网★ 
    　　★ <br> 
    　　全力打造素材精品库 </b> <br> 
    　　图片素材 <br> 
    　　代码素材 <br> 
    　　动画素材 <br> 
    　　桌面壁纸 <br> 
    　　矢量素材 <br> 
    　　 <font color=red>这里的内容可以不同的哟! </font> </p> 
    　　 </div> 
     <SCRIPT LANGUAGE = "JavaScript"> 
    　　 var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); 
    　　 
    　　 var HIDDEN =  'hidden'; 
    　　 var VISIBLE =  'visible'; 
    　　 var circle1 = document.getElementById('circle1').style ;
    　　 var circle2 = document.getElementById('circle2').style;
    　　 var circle3 = document.getElementById('circle3').style;
    　　 var circle4 =  document.getElementById('circle4').style;
    　　 var circle5 =  document.getElementById('circle5').style;
    　　 var circle6 =  document.getElementById('circle6').style; 
    　　 var website =  document.getElementById('website').style;
    　　 var text1 =  document.getElementById('text1').style; 
    　　 var text2 =  document.getElementById('text2').style; 
    　　 var text3 =  document.getElementById('text3').style; 
    　　 var text4 =  document.getElementById('text4').style;
    　　 var text5 =  document.getElementById('text5').style; 
    　　 var text6 =  document.getElementById('text6').style;
    　　 
    　　 slidepicture(0, 0); 
    　　 </SCRIPT> 
     </BODY>
    </HTML>