八月迷情

导航

无限循环

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
无标题页
</title><link rel="Stylesheet" href="css/main.css" type="text/css" /></head>
<body>
<div class="adsense">
  <TABLE cellSpacing=0 cellPadding=0 width=950 align=center border=0 style="margin:10px 0;">
  <TBODY>
  <TR>
    <TD style="width: 950px; height: 38px">
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top style="height: 19px">
          <table width="1710"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                    无限循环1
               </a></div>
                </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                    无限循环2
                 </a></div>
               </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环3
               </a></div>
                </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环4
               </a></div>
                </td>
                       
              <td width="180">
             <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环5
               </a></div>
                </td>
                       
            
                       
            </tr>
          </table>
          </TD>
          <TD id=demo2 vAlign=top style="height: 19px"> </TD>
          </TR>
          </TBODY>
          </TABLE>
          </DIV>
                     <script TYPE="text/javascript">
var speed3=35//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth
else
 {
 demo.scrollLeft++
 }
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
 
</script>
     </TD></TR></TBODY></TABLE>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
无标题页
</title><link rel="Stylesheet" href="css/main.css" type="text/css" /></head>
<body>
<div class="adsense">
  <TABLE cellSpacing=0 cellPadding=0 width=950 align=center border=0 style="margin:10px 0;">
  <TBODY>
  <TR>
    <TD style="width: 950px; height: 38px">
      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
        <TBODY>
        <TR>
          <TD id=demo1 vAlign=top style="height: 19px">
          <table width="1710"  border="0" cellpadding="0" cellspacing="0">
            <tr>
              
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                    无限循环1
               </a></div>
                </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                    无限循环2
                 </a></div>
               </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环3
               </a></div>
                </td>
                       
              <td width="180">
               <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环4
               </a></div>
                </td>
                       
              <td width="180">
             <div align="center"><a target="_blank" href="#" style="color:#000;">
                   无限循环5
               </a></div>
                </td>
                       
            
                       
            </tr>
          </table>
          </TD>
          <TD id=demo2 vAlign=top style="height: 19px"> </TD>
          </TR>
          </TBODY>
          </TABLE>
          </DIV>
                     <script TYPE="text/javascript">
var speed3=35//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0)
   demo.scrollLeft-=demo1.offsetWidth
else
 {
 demo.scrollLeft++
 }
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
 
</script>
     </TD></TR></TBODY></TABLE>
</div>
</body>
</html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head><title>

无标题页

</title><link rel="Stylesheet" href="css/main.css" type="text/css" /></head>

<body>

<div class="adsense">

  <TABLE cellSpacing=0 cellPadding=0 width=950 align=center border=0 style="margin:10px 0;">

  <TBODY>

  <TR>

    <TD style="width: 950px; height: 38px">

      <DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">

      <TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">

        <TBODY>

        <TR>

          <TD id=demo1 vAlign=top style="height: 19px">

          <table width="1710"  border="0" cellpadding="0" cellspacing="0">

            <tr>

 

              <td width="180">

               <div align="center"><a target="_blank" href="#" style="color:#000;">

                    无限循环1

               </a></div>

                </td>

 

              <td width="180">

               <div align="center"><a target="_blank" href="#" style="color:#000;">

                    无限循环2

                 </a></div>

               </td>

 

              <td width="180">

               <div align="center"><a target="_blank" href="#" style="color:#000;">

                   无限循环3

               </a></div>

                </td>

 

              <td width="180">

               <div align="center"><a target="_blank" href="#" style="color:#000;">

                   无限循环4

               </a></div>

                </td>

 

              <td width="180">

             <div align="center"><a target="_blank" href="#" style="color:#000;">

                   无限循环5

               </a></div>

                </td>

 

 

 

            </tr>

          </table>

          </TD>

          <TD id=demo2 vAlign=top style="height: 19px"> </TD>

          </TR>

          </TBODY>

          </TABLE>

          </DIV>

                     <script TYPE="text/javascript">

var speed3=35//速度数值越大速度越慢

demo2.innerHTML=demo1.innerHTML

function Marquee()

{

if(demo2.offsetWidth-demo.scrollLeft<=0)

   demo.scrollLeft-=demo1.offsetWidth

 

else

 {

 demo.scrollLeft++

 }

}

var MyMar=setInterval(Marquee,speed3)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}

 

</script>

     </TD></TR></TBODY></TABLE>

</div>

</body>

</html>

 

posted on 2010-05-26 15:51  竹林雨季  阅读(229)  评论(0编辑  收藏  举报