如何使用鼠标悬停效果制作水平滚动条?

时间:2012-07-07 03:37:22

标签: javascript jquery scrollbar

Helo to all,我一直在网上搜索一些jquery或javascript教程或水平滚动条的插件,我发现了许多插件asnd教程但不是我想要的。

现在我正在使用tinyscroll,我发现它有很多错误,有人可以帮我处理下一个效果。

鼠标悬停:鼠标悬停在右侧或左侧时,它会自动滚动。 隐藏时的阴影:当图像隐藏在左侧或右侧时,阴影效果会产生“它位于此图层的底部”效果。 滚动条:具有80%不透明度的简单条形图 鼠标滚动:鼠标滚动可以与它一起使用。

我需要这个页面中的电影滚动条:

Cuevana.tv

我知道html和css但是css -webkit样式不能做到这种效果。

我真的没有任何代码可以开始,请帮助。

2 个答案:

答案 0 :(得分:0)

我在这里引用了一个好的SOF答案:jquery horizontal scroll

尝试hoverscroll jQuery插件 - http://rascarlito.free.fr/hoverscroll/

同时尝试Smooth Div Scroll - http://www.smoothdivscroll.com/demo.html

答案 1 :(得分:0)

尝试this one

它有水平滚动条和鼠标滚动。

使用css,您可以使其看起来与您发布的链接中的内容完全相同。 (通过图像容器等定位左右插入符号......)