黑马程序员技术交流社区

标题: marquee问题 [打印本页]
作者: 唐兰文    时间: 2012-7-31 19:54
标题: marquee问题
用marquee设置滚动时，假如说是从右向左滚动，我想要隐藏到左边的图片在右边又开始出现，而不是整个图片隐藏完了再从右边开始滚动，请问可以实现吗？
作者: 蔡尚猛    时间: 2012-7-31 20:56
  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
  2. <head>
  3. <title>滚动</title>
  4. </head>
  5. <body>
  6.     <table width="700">                                                                                       
  7.                 <tr>
  8.                         <td>
  9.                                   <div id="img" style="overflow:hidden;height:120px;width:700px;">
  10.                                           <table align="left" >
  11.                                                 <tr>
  12.                                                         <td id="img1" valign="top">
  13.                                                                   <table >
  14.                                                                          <tr>
  15.                                                                                  <td>
  16.                                                                                          <img src="" width="150"  hspace=22>
  17.                                                                                 </td>
  18.                                                                                   <td>
  19.                                                                                           <img src="" width="150"  hspace=22>
  20.                                                                                 </td>
  21.                                                                                   <td>
  22.                                                                                         <img src="" width="150"  hspace=22>
  23.                                                                                 </td>
  24.                                                                                   <td>
  25.                                                                                           <img src="" width="150" hspace=22>
  26.                                                                                 </td>
  27.                                                                                   <td>
  28.                                                                                         <img src="" width="150"  hspace=22>
  29.                                                                                 </td>
  30.                                                                           </tr>
  31.                                                                   </table>
  32.                                                         </td>
  33.                                                         <td id="img2" valign="top">
  34.                                                         </td>
  35.                                                 </tr>
  36.                                         </table>
  37.                                 </div>
  38.                         </td>
  39.                 </tr>                                 
  40.         </table>
  41.    <script type="text/javascript">
  42.           var speed=10//速度数值越大速度越慢
  43.           img2.innerHTML=img1.innerHTML
  44.           function Marquee(){
  45.                           if(img2.offsetWidth-img.scrollLeft<=0){
  46.                                           img.scrollLeft-=img1.offsetWidth
  47.                         }
  48.                           else{
  49.                                           img.scrollLeft++
  50.                           }
  51.     }
  52.        
  53.        
  54.     var MyMar=setInterval(Marquee,speed)
  55.        
  56.        
  57.     img.onmouseover=function() {
  58.                 clearInterval(MyMar)
  59.         }
  60.        
  61.        
  62.           img.onmouseout=function() {
  63.                   MyMar=setInterval(Marquee,speed)
  64.           }
  65.   </script>
  66. </body>
  67. </html>
复制代码
使用js实现，
这个是例子，看看是不是你需要的效果，如果不是的话，就是我没有读懂你的意思，嘿嘿{:soso_e113:}
作者: 唐兰文    时间: 2012-7-31 21:26
用你的方法可以实现，但是不在<marquee></marquee>中实现，仍然很感谢！



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2