设为首页   加入收藏   繁體中文   
  首 页 虚拟主机 网站建设 解决方案 产品功能 SEO优化 模板展示 自助建站 成品网站 400电话办理  
 您所在的位置:瓯南网络 > 浏览正文
图片不间断向左滚动
5187.cn  发布:2012-7-13 13:34:34  来自:瓯南网络  浏览:
【字号  打印 关闭

 为了丰富网页的视觉效果,我们现在学习利用JS控制一组图片不间断想左滚动。
<div id=demo style=overflow:hidden;height:120px;width:560px;background:#f4f4f4;color:#ffffff>
        <table align=left cellpadding=0 cellspace=0 border=0>
                <tr>
                        <td id=demo1 valign=top>
                                <img src="图片1.jpg">
                                <img src="图片2.jpg">
                                <img src="图片3.jpg">
                                <img src="图片4.jpg">
                                <img src="图片5.jpg"> 
                        </td>

                        <td id=demo2 valign=top></td>
                </tr>
        </table>
</div>
 <script>
          var speed=30
          demo2.innerHTML=demo1.innerHTML
          function Marquee()
          {
                  if(demo2.offsetWidth-demo.scrollLeft<=0)
                          demo.scrollLeft-=demo1.offsetWidth
                  else
                  {
                          demo.scrollLeft++
                  }
          }
          var MyMar=setInterval(Marquee,speed)
          demo.onmouseover=function() {clearInterval(MyMar)}
          demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
注:
     其中<div id=demo style=overflow:hidden;height:120px;width:560px;background:#f4f4f4;color:#ffffff>的height:120px;width:560px;是代表图片滚动区域的宽和高。
var speed=30  是对于图片滚动速度的控制;
 <td id=demo1 valign=top>……</td>  中间可以是固定的一组图片,也可以是通过标签调用得到的一组图片。

在线投稿】 【关闭窗口 (编辑:瓯南网络)
  瓯南网络文章频道诚邀广大网友投稿,您可以用相机或手机记录下身边的感人故事,精彩瞬间。请将作者、拍摄时间、地点和简要说明连同照片发给我们,我们将精选其中的好图、美图在页面上展示,让所有瓯南网络的网友共赏。[投稿]
 精选模板:                                          更多
No.4154 健身俱
No.4208 箱包制
No.4225 酒业公
No.4247 零部件
No.4262 美容化
 相关文章:                                          更多
·网页制作中容易进入的五大误区·网页制作容易出现的问题
·网页设计中的seo·网页设计中什么颜色适合你的网站
·网页设计的几个错误不要犯·网页设计技巧与seo优化间的联系
·网页设计的基本原则是什么·在网页制作过程中,有些特效要通过编辑代码来完成
·网页制作技巧:数据过多时不会影响页面布局·静态网页的优势
瓯南网络版权与免责声明:
① 凡本网注明“瓯南网络”的所有作品,版权均属于瓯南网络,未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的,应在授权范围内使用,并注明“来源:“瓯南网络”。违反上述声明者,本网将追究其相关法律责任。
② 凡本网注明“来源:XXX(非瓯南网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
③ 如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※ 联系方式:瓯南网络 电话:18058828550
关闭窗口
 瓯南网络文章检索
文章类别
关 键 字
 建站知识         更多
·图片不间断向左滚动
·网页制作中容易进入的五大误区
·网页制作容易出现的问题
·网页设计中的seo
·网页设计中什么颜色适合你的网站
·网页设计的几个错误不要犯
·网页设计技巧与seo优化间的联系
·网页设计的基本原则是什么
·在网页制作过程中,有些特效要通过编辑代码来
·网页制作技巧:数据过多时不会影响页面布局
       
广告位招商
 建站套餐         更多
·企业建站定制型
·建站套餐
·企业建站豪华型套餐
·企业建站标准型套餐
·企业建站基本型套餐
 客户案例           更多

温州市惠民礼品

深圳泰港无纺布

上海万彩防伪科

温州市麒麟投资
 模板展示          更多

No.4154 健身俱

No.4208 箱包制

No.4225 酒业公

No.4247 零部件

No.4262 美容化

No.4267 川菜餐
 网络安全           更多
Copyright @2003-2008 浙江瓯南网络科技有限公司 All rights reserved. 浙ICP备09063607号
电话:0577-68665398 18058828550 传真:0577-68665398  E-MAIL:ok5187@126.com
公司地址:浙江省苍南县龙港镇西五街 120 号二单元702室 邮编:325802
   客服①-770726708  客服②-787436519  技术-523947871 备案专员-2805710268 续费/财务-2310800635