顏色漸變的特效!

最新推荐文章于 2025-12-01 21:02:07 发布

最新推荐文章于 2025-12-01 21:02:07 发布 · 71 阅读

文章标签：

#javascript #ViewUI

博客展示了使用JavaScript实现颜色动态渐变效果的代码。通过设置gradientType、startColorstr和endcolorstr等参数，结合定时器函数，让颜色在指定范围内动态变化，实现了页面背景颜色的渐变效果。

例<body style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#00ffcc00',endcolorstr='#c099ccff') ">注：gradientType 可以是 1或是0startcolorstr 開始的顏色endcolorstr 結束時的顏色顏色是Alpha+color所得Alpha=00|20|50|a0|c0|ff顏色動態的變化在head前加上<script language="JavaScript"><!--var m=250;var s=-5;var mycol;var timeID=0;

function aa(){m=m+s;mycol=m.toString(16);if(m<16) mycol="0"+mycol;mybg.filters.item('DXImageTransform.Microsoft.Gradient').StartColorStr="#"+mycol+"8888";mybg.filters.item('DXImageTransform.Microsoft.Gradient').EndColorStr="#88"+mycol+"88";

if(m>245) s=-Math.abs(s);if(m<10) s=Math.abs(s);

timeID=setTimeout("aa()",100);}//--></script> 然後<body id="mybg" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#ffffff,endColorstr=#000000,GradientType=0)" OnLoad="aa()">