什么是这种滚动技术?

时间:2011-08-14 12:12:14

标签: html scroll slider html5-video

在iPod Touch下,当我点击蓝色按钮时,图像将根据图像向右/向左滚动。

这种技术叫做什么,是否可以使用纯HTML5实现?

screenshot

2 个答案:

答案 0 :(得分:5)

这只是另一种carosel /图像库设计风格。这通常使用jQuery完成。老实说,你可以找到几乎所有网络上的预建模板。我在下面添加了几个链接。如果你有时间检查出来并回复问题。

答案 1 :(得分:0)

我不确定只有HTML 5,但是通过CSS3的目标伪类(http://www.w3.org/TR/css3-selectors/#target-pseudo),您可以允许用户滚动图像。

当然,问题在于,如果没有JavaScript,旧版浏览器中的功能就会丢失,并且让它自动设置各种图像的动画(没有用户选择图像来驱动:目标类)将会是充其量是困难的。

Paul Hayes的CSS3模态窗口(http://www.paulrhayes.com/2011-03/css-modal/)解释了很多这些问题,并为您提供了很多关于如何通过CSS3实现滑块的理论。

最后,除非你试图做一个概念验证,或者向世界展示CSS3有多酷的东西,你最好使用Jake已经链接的一个JavaScript解决方案 - 他们'我会在现实世界中工作。