有关图片或文字的连续滚动
日期:2009年10月20日作者:kos
来自分类:DIV+CSS, JAVASCRIPT查看:(133)评论:(2)

  在处理滚动上,通常采用Marquee,只需要加上这个标签,给这个标签设定一个宽度和高度就能实现了,代码如下:

CODE
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


  然而这样的滚动会出现一个问题,当marquee里面的内容滚动一次完成后,会出现一片空白,再重新滚动,会影响到页面的整体效果,要达到连续滚动则需要用js来控制,通过使用setTimeout和setInterval方法都能实现这样的功能,下面例子仅以setInterval为例作一个简单介绍。
代码如下:

CODE
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


说明一下,speed的值越大,移动越慢,反知,这里设置的是图片向左移动,你只需要稍加修改就可以让其向右移动,甚至向上,或向下移动都行!目前没发现有bug,如果有值得改进的地方,希望各位提出宝贵的意见!

网友评论:
共 2 条评论
  • 小T -- 2009/10/22 01:06:06

    摘要可以直接运行这样就对了

    kos - 2009/10/22 10:21:36

    现在可以了哈,能看出效果嘛?

  •  姓名(必填)
     邮箱(必填,但不公开)
     个人主页