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漸變動畫，進度條

回答

相關問題