說起“漸變色”，你會想起什么？
當我開始搜索查找這個名詞的時候，才發現它實際上是有兩種理解或者說是兩種形式的：動態漸變和靜態漸變。
所謂動態漸變，舉個簡單的例子：他來了，她的臉漸漸紅了...漸漸的，漸漸改變的，是不斷在改變的；而靜態漸變，也就更簡單了：天上一到彩虹，赤橙黃綠青藍紫啊...在當前展示的成品中，顏色從一部分到另一部分的顏色是不一樣的，可能幅度比較小，是逐漸改變的，但有一點是至關重要的，它已經存在了，形成了變化的現狀且無法再改變。
這樣我們先來用javascript實現一下所謂的動態漸變，考慮動態原因就不上圖了，我來簡單介紹下思路：
* 動態漸變
復制代碼 代碼如下:
<span><html>
...
<body>
<center>
<div></div>
</center>
</body>
</html></span>
復制代碼 代碼如下:
<span><script type="text/javascript">
var node=document.getElementById("fade");
var color="#0000";
var level=1;
window.load=function fading(){
node.style.background=color.+level.toString()+level.toString();
level++;
if(level>16){
clearTimeOut(fading);
}else{
setTimeOut(fading,300);
}
}
<script></span>
復制代碼 代碼如下:
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#b8c4cb,endColorStr=#f6f6f8);/*IE6*/
background:-moz-linear-gradient(left,#ffffff,#ff0000);/*非IE6的其它*/
background:-webkit-gradient(linear, 100% 0%, 0% 0%, from(#ff0000), to(#0000ff));/*非IE6的其它*/
新聞熱點
疑難解答
圖片精選
