连续滚动的制作

2016-01-29 11:34 4 1 收藏

连续滚动的制作,连续滚动的制作

【 tulaoshi.com - Javascript 】

    我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。
  下面小阳为你介绍这是如何实现的。

  为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置。结果我们看到的就是连续的滚动了。呵呵,说的就是这么简单,那做起来如何呢?我们看看是如何逐步实现的。


  这样就完成了,感觉做起来也不难吧。好了,向上滚动的就是这样,向其它方向滚动的就不用我介绍了吧?不过小阳还是做好了示例,有兴趣的朋友可以点击这里下载。 

来源:https://www.tulaoshi.com/n/20160129/1482692.html

延伸阅读
标签: Web开发
滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.wr...
on() 可用性 Flash 2。在 Flash 2 中,不是所有的事件都受支持。 用法 on(mouseEvent) { // 此处是您的语句 } 参数 statement(s) 发生 mouseEvent 时执行的指令。 mouseEvent 是称作“事件”的触发器。当发生此事件时,执行事件后面大括号中的语句。可以为 mouseEvent 参数指定下面的任何值: press 在鼠标指针经过...
标签: Web开发
在制作网页时,制作者经常将网页菜单置于网页顶端,这样当浏览者浏览较长内容的网页时,如果想选择其他菜单,就不得不回到网页顶端才能选择其他菜单。本实例将学习如何制作一个滚动链接层,以便于浏览者对菜单进行选择。 效果说明 浏览页面时,右上角的快捷菜单跟随着滚动条的滚动而滚动,如图 57-1 所示。 创作思想 ...
标签: 办公软件
用过Win98的电脑迷们还记得屏幕保护程序里有一个是滚动文字的屏幕保护程序吧?能够让自己随心所欲编辑出来的文字在桌面上滚动,是不是很新奇的事情。但是,这个程序有一个小小的遗憾,那就是一旦关闭了这个程序,又会恢复到桌面以前的老样子。 能不能弥补这一遗憾呢?答案是肯定的。本人就在Word2000上找到了一种很简单的方法,现就将此...
标签: Web开发
内容:滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且...

经验教程

122

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部