JS的兼容问题

hk207 2010-06-29 03:39:21



<table width="216" border="0" align="center" cellpadding="0" cellspacing="0">

                    <tr>

                        <td>

                            <div id="makewing">

                                <table width="216" height="157" border="0" align="center" cellpadding="0" cellspacing="0"

                                    class="pdtd">

                                    <tr>

                                        <td align="center">

                                            <img height="96" alt="" src="/images/photo/3.jpg"

                                                width="76" border="0" />

                                        </td>

                                        <td rowspan="2">

                                            <p>xxxxxxxxxxxxxxxxxxxxxxxxxxx…<a href="/List.aspx"

                                                    class="red">更多 >></a></p>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td align="center">

                                            <strong>xxxx</strong></td>

                                    </tr>

                                </table>

                                <table width="216" height="157" border="0" align="center" cellpadding="0" cellspacing="0"

                                    class="pdtd">

                                    <tr>

                                        <td align="center">

                                            <img height="96" alt="" src="/images/photo/1.jpg"

                                                width="76" border="0" />

                                        </td>

                                        <td rowspan="2">

                                            <p>xxxxxxxxxxxxxxxxxxxxxxxxxxx。<a href="/List.aspx"

                                                    class="red">更多 >></a></p>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td align="center">

                                            <strong>xxx</strong></td>

                                    </tr>

                                </table>

                                <table width="216" height="157" border="0" align="center" cellpadding="0" cellspacing="0"

                                    class="pdtd">

                                    <tr>

                                        <td align="center">

                                            <img height="96" alt="" src="/images/photo/2.jpg"

                                                width="76" border="0" />

                                        </td>

                                        <td rowspan="2">

                                            <p>xxxxxxxxxxxxxxxxxxxxxxxxxxx…<a href="/List.aspx"

                                                    class="red">更多 >></a></p>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td align="center">

                                            <strong>xxxx</strong></td>

                                    </tr>

                                </table>

                            </div>

                        </td>

                    </tr>

</table>



         <script type="text/javascript" language="javascript">

                marqueesHeight=157;

                stopscroll=false;

                with(makewing){

	                  style.width=0;

	                  style.height=marqueesHeight;

	                  style.overflowX="visible";

	                  style.overflowY="hidden";

	                  noWrap=true;

	                  onmouseover=new Function("stopscroll=true");

	                  onmouseout=new Function("stopscroll=false");

                  }

                  preTop=0; currentTop=marqueesHeight; stoptime=0;

                  makewing.innerHTML+=makewing.innerHTML;

                function init_srolltext(){

                  makewing.scrollTop=0;

                  setInterval("scrollUp()",1);

                }init_srolltext();



                function scrollUp(){

                  if(stopscroll==true) return;

                  currentTop+=1;

                  if(currentTop==marqueesHeight+1)

                  {

  	                stoptime+=1;

  	                currentTop-=1;

  	                if(stoptime==1080) 

  	                {

  		                currentTop=0;

  		                stoptime=0;  		

  	                }

                  }

                  else {

	                  preTop=makewing.scrollTop;

	                  makewing.scrollTop+=1;

	                  if(preTop==makewing.scrollTop){

	                    makewing.scrollTop=marqueesHeight;

	                    makewing.scrollTop+=1;

                	    

	                  }

                  }



                }

                init_srolltext();

           </script>