如何对图像应用效果使图像在页面中滑动?

时间:2013-09-03 15:58:04

标签: html css image

我想知道如何对图像应用一些效果。而不是直接在图像上,而是在我们向下滚动页面时。例如,向下滚动时,图像会淡入或从页面侧面滑入。我遇到了skrollr,但不确定它是不是正确的库。

任何人都知道怎么做?

5 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

有许多不同的方法可以实现所需的褪色。将是一个backgroundColor-clear透明渐变png图像,图像从(在png后面)滑入视图。我们可以使用一些javascript基于图像的x或y坐标应用样式转换,并通过使用CSS3中的过渡来平滑效果。我相信有50种不同的方法可以与jQuery一起使用类似的效果。 你有什么具体的想法吗?或者你只是想要一个推荐?

答案 2 :(得分:0)

jQuery UI是你最好的选择。首先添加对jQuery的引用,然后添加jQuery UI:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

然后转到http://jqueryui.com/并阅读参考资料。这很简单&gt; 8)。

我还要提到jQuery在企业界广泛使用,所以学习它会通过一个很好的工具提高你的技能

答案 3 :(得分:0)

this question might help

你可以使用上面的Stellar js效果来实现这种效果

或者这可能会有所帮助 - 使用Jquery Scroll路径。

http://joelb.me/scrollpath/

答案 4 :(得分:0)

  

我遇到了skrollr,但不确定它是不是正确的库。

鉴于您的要求:是的,它是。