如何使用鼠标悬停效果制作水平滚动条? [英] How to make a horizontal scrollbar with mouseover effects?

问题描述

大家好，我一直在网上搜索一些jquery或javascript教程或水平滚动条的插件，但我发现了许多插件asnd教程，但不是我想要的.

Helo to all, i have been searching all over the web for some jquery or javascript tutorial or plugin for a horizontal scrollbar and i have found many of plugin asnd tutorial but not the one i want.

现在我正在使用tinyscroll，我发现它存在很多错误，有人可以帮助我获得下一个效果.

Now im using tinyscroll and i have found it has alot of bugs, can somebody help me with the next effects.

鼠标悬停:在鼠标悬停在左侧或右侧，它会自动滚动. 隐藏时的阴影:当图像在左侧或右侧隐藏时，会产生阴影效果，产生其进入该层的底部"效果. 滚动条:不透明度为80％的简单条 鼠标滚动:可以使用该鼠标滚动.

Mouseover: At mouseover at the right or left it scrolls by itself. Shadow at hiding: When a image hides at the left or right a shadow effect that gives a "it got in the bottom of this layer" effect. Scrollbar: simple bar that has a 80% opacity mouse scroll: that mouse scroll can be used with it.

我需要此页面中的电影滚动条之类的东西:

I need something like the movie scroller in this page:

Cuevana.tv

Cuevana.tv

我知道html和css，但是css -webkit样式无法实现这种效果.

And i know html and css but css -webkit styling can't do this effects.

我真的没有任何代码开头，请帮忙.

I really dont have any codes to start with, please help.

推荐答案

尝试这个.

它具有水平滚动条，并且鼠标滚动有效.

It has the horizontal scrollbar and the mouse scroll works.

使用CSS，您可以使它看上去与您发布的链接中的外观完全一样. (将左插入号和右插入号放置在图像容器等上方)

With css you could get it to look exactly like the one in the link you posted. (positioning the left and right carets up by the image container and etc...)

这篇关于如何使用鼠标悬停效果制作水平滚动条?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！