CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  多媒体/设计/Flash开发 >  网页设计(Dreamweaver等)

滚动的图片

楼主joyming(阵风)2004-08-04 19:43:24 在 多媒体/设计/Flash开发 / 网页设计(Dreamweaver等) 提问

我想在我的网页下面出现一行从左到右滚动的图片,就像是电影的胶片一样的效果。  
  不知怎么才能做出来 问题点数:0、回复次数:8Top

1 楼iuter(iuter)回复于 2004-08-04 20:23:40 得分 0

可以用flash做呀Top

2 楼zyddamon(狗尾巴草)回复于 2004-08-05 09:48:09 得分 0

Flash   不行   中间有空白     用JavaScript   可以实现     网上有代码Top

3 楼brilliant83(清雨)回复于 2004-09-24 16:08:21 得分 0

刚做好一个,把这个放到相应位置就可以了  
   
  <script   language="JavaScript">  
  //   JavaScript   Document  
  document.write('<table   align=left   width=502   border=0   cellpadding=0   cellspacing=0   >');  
  document.write('         <tr>   ');  
  document.write('             <td   width=90%   height=60   align=center   class=border01   bgcolor=#FFFFFF>');  
  document.write('             <div   id=demo   style=overflow:hidden;width:502;align=center>');  
  document.write('                 <table   border=0   align=center   cellpadding=1   cellspacing=1   >');  
  document.write('                     <tr>');  
  document.write('                       <td   valign=top   bgcolor=#ffffff   id=marquePic1>   ');  
  document.write('                           <table   width=90%   border=0   cellspacing=0   cellpadding=0>');  
  document.write('                               <tr   align=center>   ');  
  document.write('                         <td><a   href=><img   src=images/1.jpg   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=><img   src=images/2.gif   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/3.jpg   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/4.gif   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/5.jpg   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/6.gif   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/7.jpg   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/8.gif   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('                         <td><a   href=   ><img   src=images/9.gif   width=80   height=55   hspace=2     border=0></a></td>');  
  document.write('         </tr>');  
  document.write('               </table>');  
  document.write('                       </td>');  
  document.write('       <td   id=marquePic2   valign=top></td>');  
  document.write('                   </tr>');  
  document.write('               </table>');  
  document.write('             </div>');  
  document.write('             </td>');  
  document.write('         </tr>');  
  document.write('     </table>');  
  var   speed=30  
  marquePic2.innerHTML=marquePic1.innerHTML  
  function   Marquee(){  
  if(demo.scrollLeft>=marquePic1.scrollWidth){  
  demo.scrollLeft=0  
  }else{  
  demo.scrollLeft++  
  }  
  }  
  var   MyMar=setInterval(Marquee,speed)  
  demo.onmouseover=function()   {clearInterval(MyMar)}  
  demo.onmouseout=function()   {MyMar=setInterval(Marquee,speed)}  
  </script>Top

4 楼gamestar1(海洋之星)回复于 2004-09-24 17:20:20 得分 0

在<head></head>里面加上  
  <marquee   direction="right"   scrollamount="3"   onMouseOver="this.stop()"   onMouseOut="this.start()"><a   href="连接地址"   target="_blank"><img   src="图片地址"   border="0"></a></marquee>Top

5 楼yb2008(中科商务网--ZKE360.COM)回复于 2004-09-24 19:38:04 得分 0

很单间的,用SWISH就可以了!Top

6 楼xian567(于连)回复于 2004-09-27 13:46:49 得分 0

markTop

7 楼lililgogo(宸渝)回复于 2004-09-27 16:48:19 得分 0

gamestar1(海洋之星)   (   )   信誉:100     2004-09-24   17:20:00     得分:   0      
     
     
        在<head></head>里面加上  
  <marquee   direction="right"   scrollamount="3"   onMouseOver="this.stop()"   onMouseOut="this.start()"><a   href="连接地址"   target="_blank"><img   src="图片地址"   border="0"></a></marquee>  
       
     
  这个是我想说的Top

8 楼yuanfen531(点亮橘子树~~~)回复于 2004-09-29 00:53:14 得分 0

强哦,学习下呵呵Top

相关问题

  • 图片循环滚动!
  • 图片循环滚动!
  • 图片滚动问题?
  • 如何用 滚动条实现 图片的滚动!
  • 关于显示图片的滚动条??
  • 求一段图片滚动特效
  • 横向滚动图片问题
  • 图片循环滚动效果
  • 有关滚动图片的问题
  • 广告图片随滚动条移动

关键词

  • 滚动的图片
  • 里面加上

得分解答快速导航

  • 帖主:joyming

相关链接

  • CSDN Blog
  • 技术文档
  • 代码下载
  • 第二书店
  • 读书频道

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo