今天在做页面的时候,用到了一个js特效,就是滚动一下,停顿一下,然后继续滚动,再停顿。这种效果实现起来比较简单,下面把代码贴出来,适用于文字或者图片一行一行的滚动,或者一段一段的滚动(兼容IE与FF)。 代码如下……
js文字滚动特效,可以停顿
0
今天在做页面的时候,用到了一个js特效,就是滚动一下,停顿一下,然后继续滚动,再停顿。这种效果实现起来比较简单,下面把代码贴出来,适用于文字或者图片一行一行的滚动,或者一段一段的滚动(兼容IE与FF)。 代码如下……
关键代码分析:
overflow:hidden;隐藏超出高度20px的部分.
height:20px;容器高度.
line-height:22px;固定行高.
>>阅读全文
此无缝滚动的代码完全采用Div+Css架构,滚动区域大小完全只要设置CSS即可。
>>阅读全文
想必大家都注意到marquee的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出marquee,不管怎么做,都略显麻烦。
下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。
>>阅读全文