jquery渐变动画，进度条

我有一个让我们说一个高度：15px和宽度：300px，这将是渐变进度条动画的地方。jquery渐变动画，进度条

所以让我们在这里讲的是文件：

<html> 
    <body> 
    <a href="#container3">Container 3</a> 
    <div id="container1" style="width:100%;height:1000"></div> 
    <div id="container2" style="width:100%;height:650"></div> 
    <div id="container3" style="width:100%;height:480"></div> 
    <div id="container4" style="width:100%;height:600"></div> 
    </body> 
</html>

让利说有一个进度条，在那里有一个固定的位置。所以当你点击容器3时，它会向下滚动到元素＃container3，当文档向下滚动时，渐变进度条的宽度将增加，这意味着渐变进度条是相对于滚动的高度而言的，并且会达到完整宽度作为元素＃container3将达到屏幕的顶部。滚动也可以手动完成，而不仅仅是通过点击容器3

- 如何动画渐变（从左到右）背景颜色 - jquery算法将获得相对于高度的渐变宽度增加/减少你滚动。

直播例子不胜感激

来源

2013-02-04 PHP Noob

“实时例子不胜感激” :) – nicolast

jquery渐变动画，进度条

回答

相关问题