神马文学网：想知道神马，提问回答学习问题百度都知道

渐变的背景色

来源：百度文库编辑：神马文学网时间：2024/04/28 06:37:31

代码如下:

<script><script>// Select the colors (hexadecimal triplet value required)// Please note that at least 3 colors are required!var colors=new Array("#FFFF00","#00FFFF","#5fc700","#854b00","#76e07c","#FFAC00","#FFFF66","#ff0000","#FFFFFF","#850044","#B56AFF","#56B1FF")// Set pause between colors (seconds)  var pausebetweencolors=2// What type of gradient should be applied Internet Explorer 5x or higher?  // Set "none" or "horizontal" or "vertical"  var gradient_effect="horizontal"// Set speed (higher=slower)  var speed=20// How many times shall the effect be repeated?  // Add a value between 1 and 9999999  var i_loopmax=1000///////////////////////////////////////////////////////////////////////////  // CONFIGURATION ENDS HERE  ///////////////////////////////////////////////////////////////////////////// do not edit code below this line  var pausesteps=40  var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')  var redcol_1  var redcol_2   var redcol_1_b  var redcol_2_b   var greencol_1   var greencol_2   var greencol_1_b   var greencol_2_b  var bluecol_1   var bluecol_2   var bluecol_1_b   var bluecol_2_b    var rgbredfrom  var rgbgreenfrom  var rgbbluefrom  var rgbredto  var rgbgreento  var rgbblueto  var rgbrednow  var rgbgreennow  var rgbbluenowvar rgbredfrom_b  var rgbgreenfrom_b  var rgbbluefrom_b  var rgbredto_b  var rgbgreento_b  var rgbblueto_b  var rgbrednow_b  var rgbgreennow_b  var rgbbluenow_bvar colorhexafrom  var colorhexatovar i_step=1  var i_loop=0  var i_colorsA=0  var i_colorsB=1  var i_colorsC=1  var i_colorsD=2pausebetweencolors*=1000var browserinfos=navigator.userAgent   var ie4=document.all&&!document.getElementById  var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)  var ns4=document.layers  var ns6=document.getElementById&&!document.all  var opera=browserinfos.match(/Opera/)   var browserok=ie4||ie5||ns4||ns6||operafunction translateintorgb() { var hexa=colors[i_colorsA]  var hexared=hexa.substring(1,3)  var hexagreen=hexa.substring(3,5)  var hexablue=hexa.substring(5,7)  rgbredfrom=parseInt("0x"+hexared)  rgbgreenfrom=parseInt("0x"+hexagreen)  rgbbluefrom=parseInt("0x"+hexablue)  rgbrednow=rgbredfrom  rgbgreennow=rgbgreenfrom  rgbbluenow=rgbbluefrom    var hexa=colors[i_colorsB]  var hexared=hexa.substring(1,3)  var hexagreen=hexa.substring(3,5)  var hexablue=hexa.substring(5,7)  rgbredto=parseInt("0x"+hexared)  rgbgreento=parseInt("0x"+hexagreen)  rgbblueto=parseInt("0x"+hexablue)    var hexa=colors[i_colorsC]  var hexared=hexa.substring(1,3)  var hexagreen=hexa.substring(3,5)  var hexablue=hexa.substring(5,7)  rgbredfrom_b=parseInt("0x"+hexared)  rgbgreenfrom_b=parseInt("0x"+hexagreen)  rgbbluefrom_b=parseInt("0x"+hexablue)  rgbrednow_b=rgbredfrom_b  rgbgreennow_b=rgbgreenfrom_b  rgbbluenow_b=rgbbluefrom_b    var hexa=colors[i_colorsD]  var hexared=hexa.substring(1,3)  var hexagreen=hexa.substring(3,5)  var hexablue=hexa.substring(5,7)  rgbredto_b=parseInt("0x"+hexared)  rgbgreento_b=parseInt("0x"+hexagreen)  rgbblueto_b=parseInt("0x"+hexablue)  i_colorsA++  i_colorsB++  i_colorsC++  i_colorsD++  if (i_colorsA>=colors.length) {i_colorsA=0}  if (i_colorsB>=colors.length) {i_colorsB=0}  if (i_colorsC>=colors.length) {i_colorsC=0}  if (i_colorsD>=colors.length) {i_colorsD=0}    changefromto()  }function changefromto() {  rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)  rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)  rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)    rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)  rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)  rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)    if (rgbrednow>255) {rgbrednow=255}  if (rgbrednow<0) {rgbrednow=0}  if (rgbgreennow>255) {rgbgreennow=255}  if (rgbgreennow<0) {rgbgreennow=0}  if (rgbbluenow>255) {rgbbluenow=255}  if (rgbbluenow<0) {rgbbluenow=0}    if (rgbrednow_b>255) {rgbrednow_b=255}  if (rgbrednow_b<0) {rgbrednow_b=0}  if (rgbgreennow_b>255) {rgbgreennow_b=255}  if (rgbgreennow_b<0) {rgbgreennow_b=0}  if (rgbbluenow_b>255) {rgbbluenow_b=255}  if (rgbbluenow_b<0) {rgbbluenow_b=0}    if (i_step<=speed) {  redcol_1 = hexc[Math.floor(rgbrednow/16)];  redcol_2 = hexc[Math.floor(rgbrednow)%16];  greencol_1 = hexc[Math.floor(rgbgreennow/16)];  greencol_2 = hexc[Math.floor(rgbgreennow)%16];  bluecol_1 = hexc[Math.floor(rgbbluenow/16)];  bluecol_2 = hexc[Math.floor(rgbbluenow)%16];    redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];  redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];  greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];  greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];  bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];  bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];  var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2  var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b  if (ie5 && gradient_effect!="none") {  if (gradient_effect=="horizontal") {var gr_effect=1}  if (gradient_effect=="vertical") {var gr_effect=0}  document.body.style.filter="progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")"  }  else {  document.bgColor=backcolor   } i_step++  var timer=setTimeout("changefromto()",pausesteps);    }   else {  clearTimeout(timer)  i_step=1  i_loop++  if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}  }  }if (browserok) {  window.onload=translateintorgb  }</script>

添加方法：１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，显示源代码粘贴代码（粘贴代码前，在普通模式下打一个空格，然后再进入源代码编辑模式，这时你会看到源代码中已经有一行代码了（

），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）----保存并返回；

　２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

或者直接把以上代码粘贴到以前你建立的模块中--找一个以前你建立的模块，并且现在正在使用这个模块，显示源代码粘贴代码。点击保存即可！

渐变的背景色橡皮擦/背景色橡皮擦/魔术橡皮擦/模糊/锐化/涂抹/减淡/加深/海绵/渐变/油漆桶修改IE背景色保护您的眼睛帖子中加入背景色的代码及颜色代码最适合保护眼睛的电脑背景色设置最适合保护眼睛的电脑背景色设置 34-ＰＳ照片背景色/环境色的去除页面的渐变效果主张的渐变新浪的渐变_CNSNS 终于让我撞到了保护您的眼睛用淡苹果绿的IE背景色保护您的眼睛用淡苹果绿的IE背景色 ●●保护您的眼睛　用淡苹果绿的IE背景色保护您的眼睛用淡苹果绿的IE背景色保护您的眼睛，用淡苹果绿的IE背景色保护您的眼睛，用淡苹果绿的IE背景色如何设置div背景色的透明度 - 网页技术 - 创意空间 | Arting365.com ... 为表格设置不同背景色修改火狐网页背景色 | 江湖镖局保护眼睛（修改网页背景色）对话框背景色、静态文本和编辑框字体色、背景色设置什么是渐变镜？渐变镜的效果和使用方法表格背景渐变的实现幽默好笑的渐变图片