背景，文字渐变（无闪屏）

更新时间：2007年02月07日 00:00:00 作者：

背景变换

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

文字颜色渐变（无闪屏）

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

<SCRIPT language=javascript> function wh_10to16(n){   var a = new Array(16);   a[0]="0";a[1]="1";a[2]="2";a[3]="3";a[4]="4";a[5]="5";a[6]="6";a[7]="7";a[8]="8";a[9]="9";a[10]="A";a[11]="B";a[12]="C";a[13]="D";a[14]="E";a[15]="F";   return a[parseInt(n/16)]+a[n%16] } function wh_TransbgMakeColor(r,g,b){   return wh_10to16(r)+wh_10to16(g)+wh_10to16(b); } function wh_TransbgGetColorInc(r1,r2){   if (r1 < r2) return 1; else if (r1 > r2) return -1; else return 0; } function wh_changebg() {   var r = wh_TransbgR1;   var g = wh_TransbgG1;   var b = wh_TransbgB1;   wh_TransbgR1 += wh_TransbgGetColorInc(wh_TransbgR1,wh_TransbgR2)*wh_TransbgSpeed;   wh_TransbgG1 += wh_TransbgGetColorInc(wh_TransbgG1,wh_TransbgG2)*wh_TransbgSpeed;   wh_TransbgB1 += wh_TransbgGetColorInc(wh_TransbgB1,wh_TransbgB2)*wh_TransbgSpeed;   if ((r-wh_TransbgR2)*(wh_TransbgR1-wh_TransbgR2) <=0 ) wh_TransbgR1 = wh_TransbgR2;   if ((g-wh_TransbgG2)*(wh_TransbgG1-wh_TransbgG2) <=0 ) wh_TransbgG1 = wh_TransbgG2;   if ((b-wh_TransbgB2)*(wh_TransbgB1-wh_TransbgB2) <=0 ) wh_TransbgB1 = wh_TransbgB2;   document.bgColor=wh_TransbgMakeColor(wh_TransbgR1 ,wh_TransbgG1 ,wh_TransbgB1);   if (wh_TransbgR1==wh_TransbgR2 && wh_TransbgG1==wh_TransbgG2 && wh_TransbgB1==wh_TransbgB2){      if ((++wh_TransbgIndex) >= wh_TransbgTotal-1) {        if (!wh_TransbgLoop && wh_TransbgCount==1) return;        wh_TransbgCount++;        wh_TransbgIndex=0;     }     wh_TransbgR1 =wh_TransbgColorsR[wh_TransbgIndex];     wh_TransbgG1 =wh_TransbgColorsG[wh_TransbgIndex];     wh_TransbgB1 =wh_TransbgColorsB[wh_TransbgIndex];     wh_TransbgR2 =wh_TransbgColorsR[wh_TransbgIndex+1];     wh_TransbgG2 =wh_TransbgColorsG[wh_TransbgIndex+1];     wh_TransbgB2 =wh_TransbgColorsB[wh_TransbgIndex+1];   }   setTimeout("wh_changebg()", 1); } wh_TransbgR1=0; wh_TransbgG1=0; wh_TransbgB1=0; wh_TransbgR2=0; wh_TransbgG2=0; wh_TransbgB2=0; wh_TransbgSpeed=1; wh_TransbgLoop=true; wh_TransbgTotal=4; wh_TransbgIndex =wh_TransbgTotal-1; wh_TransbgColorsR = new Array(wh_TransbgTotal); wh_TransbgColorsG = new Array(wh_TransbgTotal); wh_TransbgColorsB = new Array(wh_TransbgTotal); wh_TransbgColorsR[0]=255; wh_TransbgColorsG[0]=240; wh_TransbgColorsB[0]=230; wh_TransbgColorsR[1]=230; wh_TransbgColorsG[1]=255; wh_TransbgColorsB[1]=240; wh_TransbgColorsR[2]=240; wh_TransbgColorsG[2]=230; wh_TransbgColorsB[2]=255; wh_TransbgColorsR[3]=255; wh_TransbgColorsG[3]=240; wh_TransbgColorsB[3]=230; wh_TransbgCount=0; wh_changebg(); </SCRIPT>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

jQuery实现拉动页面固定顶部显示且自动消失(火狐)
jQuery拉动页面固定顶部显示，自动消失，看到这几个字就感觉很时尚，在测试过程中ie浏览器下有问题，不过火狐什么的都可以运行看效果，一个简单的网页特效，也是很常用的“回到顶部”效果，有兴趣的看一下
2012-12-12
js 页面模块自由拖动实例
js页面模块自由拖动实例代码
2009-03-03
js星空效果代码
用js实现的星空效果代码，正壮观
2008-09-09
javascript背景颜色按时变换
javascript背景颜色按时变换...
2007-05-05
js 颜色选择器（兼容firefox）
js颜色选择器，改自网络，兼容firefox,需要的朋友，可以试下
2009-03-03
图片与文字半透明效果鼠标移上不透明
图片与文字结合的半透明效果，在正常状态下，一张图片的上面显示文字，为了区分背景，文字下方又重新布置了一个DIV
2009-10-10
JS实现简洁(隔行换色、高亮显示)表格特效
JS实现的表格，使用JavaScript编写实现一个简洁的表格，大家参考一下，加入了隔行换色，并且鼠标滑过时还有高亮显示特效，我看到了都目瞪口呆确实相当不错，有兴趣的朋友可以参考下
2012-12-12
js实现小鱼吐泡泡在页面游动特效
非常逼真的用js写的，在页面中有一条游动的吐泡泡小鱼，对于爱好海洋类的个人网站，加这个效果蛮漂亮的
2008-09-09
JS+CSS实现的一种交互体验表单页面
JavaScript+CSS实现精致的、符合标准的表单效果，鼠标点击输入框，立即会提示用户该输入框的填写要求，色彩搭配也极和谐，我喜欢。
2009-12-12
图片与JavaScript配合做出个性滚动条
如果你想定制出一个漂亮的滚动条的话,这个JS特效可能会适合你,不过代码稍嫌麻烦些,但效果真的不错,代码含有中文注释,学习也是不错的,希望朋友们喜欢.
2009-10-10

背景，文字渐变（无闪屏）

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具