JS颜色渐变css资源-CSDN文库

共3个文件

htm：2个

js：1个

3星 · 超过75%的资源需积分: 9 90 浏览量 2008-11-18 10:43:43 上传评论收藏 6KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS颜色渐变.rar （3个子文件）

Faded_v1-0.htm 6KB

Faded_v1-0_demo_1.htm 6KB

Faded_v1-0.js 14KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>shawl.qiu template</title> <style type="text/css"> /* <![CDATA[ */ div{margin:1px; vertical-align:middle;} .FadeId18Class { color:white; } .FadeId18OverClass { color:#D369A4; } /* ]]> */ </style> </head> <body> <table border="0" align="center" cellpadding="4" cellspacing="4"> <tr align="center" valign="middle"> <td><div id="FadeId1" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId2" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId3" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId4" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId5" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> </tr> <tr align="center" valign="middle"> <td><div id="FadeId6" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId7" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId8" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId9" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId10" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> </tr> <tr align="center" valign="middle"> <td><div id="FadeId11" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId12" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId13" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId14" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId15" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> </tr> <tr align="center" valign="middle"> <td><div id="FadeId16" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId17" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId18" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId19" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId20" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> </tr> <tr align="center" valign="middle"> <td><div id="FadeId21" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId22" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId23" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId24" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> <td><div id="FadeId25" style="width:100px; height:100px; background-color:#cccccc; ">shawl.qiu</div></td> </tr> </table> <script type="text/javascript" src="Faded_v1-0.js"></script> <script type="text/javascript"> //<![CDATA[ var Time = 20; var Interval = 5; var Fade = new Faded(); Fade.Debug = false; /* function fAddElement (sId, sOriginColor, sOverColor, sOutColor, iTime, iIntervalMs, bCompColor, sClassName, sOverClassName) */ Fade.Element.Add("FadeId1", "#C4D700", "#cccccc", false, Time, Interval); Fade.Element.Add("FadeId2", "#C80852", "#cccccc", false, Time, Interval); Fade.Element.Add("FadeId3", "#EA5520", "#cccccc", false, Time, Interval); Fade.Element.Add("FadeId4", "#F7AB00", "#cccccc", false, Time, Interval); Fade.Element.Add(document.getElementById("FadeId5"), "#B0DCD5", "#cccccc", false, Time, Interval); Fade.Element.Add("FadeId6", "#59C3E2", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId7", "#F0F8FF", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId8", "#134098", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId9", "#735B9F", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId10", "#C2737F", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId11", "#FFF8B1", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId12", "#3D7D53", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId13", "#ffffff", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId14", "#E5A96B", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId15", "#ADD8E6", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId16", "#002FA7", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId17", "#4C8DB5", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId18", "#527AA3", "#cccccc", false, Time, Interval, false, "FadeId18Class", "FadeId18OverClass"); Fade.Element.Add("FadeId19", "#9D899D", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId20", "#6F196F", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId21", "#D369A4", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId22", "#BBA1CB", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId23", "#FFFF00", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId24", "#7BB99B", "#cccccc", false, Time, Interval, true); Fade.Element.Add("FadeId25", "#7E4985", "#cccccc", false, Time, Interval, true); Fade.Go(); document.title = Fade.au.Subject+" "+Fade.au.Version; Fade = null; //]]> </script> </body> </html>

评论收藏

内容反馈