A股上市公司传智教育（股票代码 003032）旗下技术交流社区北京昌平校区

传智教育官网黑马程序员官网

 找回密码
 加入黑马

QQ登录

只需一步，快速开始

论坛首页 › 隐藏归类 › 黑马那些年 › 第4届ASP.Net+Unity3D技术交流区 › 正文

marquee问题

© 唐兰文 中级黑马   /  2012-7-31 19:54  /  1541 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

用marquee设置滚动时，假如说是从右向左滚动，我想要隐藏到左边的图片在右边又开始出现，而不是整个图片隐藏完了再从右边开始滚动，请问可以实现吗？

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

2 个回复

倒序浏览
蔡尚猛 中级黑马 2012-7-31 20:56:57
| 只看该作者
沙发
  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:}

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
唐兰文 中级黑马 2012-7-31 21:26:40
| 只看该作者
藤椅
用你的方法可以实现，但是不在<marquee></marquee>中实现，仍然很感谢！
回复 使用道具 举报
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入黑马