为了让大家明白这是一个怎样的效果,首先给个例子:DiggLife.鼠标悬停到前面的链接,看看有什么变化.如果你用RSS阅读器是无法看到效果的,所以阅读器里的标题给我增加点点击率吧.(添加了GIF图片,应该能够看到)

这个效果就叫做Scrollover.下面介绍一下实现方法.

1.复制以下一段Js代码到你的页面,或者你可以直接下载这段JS代码并上传到你的网站.

2.复制以下一段样式代码到你的CSS代码或者页面里.其中颜色可以任意改变.

3.做完这些就可以使用下面的代码实现链接滚动效果了.

链接文字

注:

如果你使用的上传JS代码的方式,还可以将它更加个性化一点.

var scrollovers_TypeName = 'scrollover';

var scrollovers_StartScrollLocation = 0; var scrollovers_EndScrollLocationTrim = 0; var scrollovers_ScrollSpeed = 3; var scrollovers_ScrollDownOnMouseOver = true;