顏色漸變效果

更新時間：2006年07月27日 00:00:00 作者：

<P><HTML><HEAD><TITLE>javascriptboy</TITLE><SCRIPT language=JavaScript> // Flash table Extension for Dreamwever ,by dio(diopex@sina.com)nereidFadeObjects = new Object();nereidFadeTimers = new Object();function nereidFade(object, destOp, rate, delta){if (!document.all)returnif (object != "[object]"){ //do this so I can take a string toosetTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);return;}clearTimeout(nereidFadeTimers[object.sourceIndex]);diff = destOp-object.filters.alpha.opacity;direction = 1;if (object.filters.alpha.opacity > destOp){direction = -1;}delta=Math.min(direction*diff,delta);object.filters.alpha.opacity+=direction*delta;if (object.filters.alpha.opacity != destOp){nereidFadeObjects[object.sourceIndex]=object;nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);}}</P>
<P></SCRIPT></HEAD><BODY text=#000000 bgColor=#e3e3e3></P>
<P><TABLE borderColor=#ffffff height=100 cellSpacing=1 cellPadding=1 width=100 align=center bgColor=#000033 border=1><TR align=middle><TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#00ccff><FONT face=verdana color=#ffffff size=1>dio</TD><TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#ff9900><FONT face=verdana color=#ffffff size=1>pex</TD></TR><TR align=middle><TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#ff3399><FONT face=verdana color=#ffffff size=1>pex</TD><TD onmouseover=nereidFade(this,100,10,5) style="FILTER: alpha(opacity=70)" onmouseout=nereidFade(this,50,10,5) bgColor=#33ff66><FONT face=verdana color=#ffffff size=1>dio</TD></TR></TABLE></BODY></HTML></P>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

顏色漸變效果

相關(guān)文章

Javascript在IE和Firefox瀏覽器常見兼容性問題總結(jié)
這篇文章主要介紹了Javascript在IE和Firefox瀏覽器常見兼容性問題,結(jié)合實例形式總結(jié)分析了javascript在IE與Firefox瀏覽器中常見的各種兼容性問題與相應(yīng)的解決方法,需要的朋友可以參考下
2016-08-08
JS簡單實現(xiàn)DIV相對于瀏覽器固定位置不變的方法
這篇文章主要介紹了JS簡單實現(xiàn)DIV相對于瀏覽器固定位置不變的方法,涉及javascript針對頁面位置的運算與動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2016-06-06
JavaScript常用變量聲明方式總結(jié)
JavaScript中有幾種常用的變量聲明，例如：var、let、直接賦值和const?屬性，本文將為大家詳細(xì)介紹一下這四種方式的具體使用，需要的可以參考一下
2023-06-06
SelectPage v2.4 發(fā)布新增純下拉列表和關(guān)閉分頁功能
下拉分頁選擇插件 SelectPage v2.4 發(fā)布了，新增純下拉列表和關(guān)閉分頁功能，下面通過本文給大家啊介紹SelectPage的相關(guān)知識，感興趣的的朋友一起看看吧
2017-09-09
12行javascript代碼繪制一個八卦圖
本文給大家分享的是使用有限的代碼繪制八卦圖，算是考核下自己對于javascript的理解，這里推薦給大家，有需要的小伙伴參考下。
2015-04-04
vue/js實現(xiàn)頁面自動往上滑動效果
這篇文章主要為大家詳細(xì)介紹了vue/js實現(xiàn)頁面自動往上滑動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
詳解JavaScript中Arguments對象用途
本文主要介紹了詳解JavaScript中Arguments對象用途，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
JavaScript仿小米官網(wǎng)注冊登錄功能的實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了如何通過JavaScript實現(xiàn)仿小米官網(wǎng)登錄注冊完整功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11
微信小程序pinker組件使用實現(xiàn)自動相減日期
這篇文章主要介紹了微信小程序pinker組件使用實現(xiàn)自動相減日期,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
Javascript中會經(jīng)常用到setTimeout來推遲一個函數(shù)的執(zhí)行并且會在執(zhí)行到這句話后延遲1秒鐘來彈出alert窗口，接下來將介紹一下JavaScript調(diào)用堆棧和setTimeout用法，感興趣的你可不要錯過了哈
2013-02-02