JavaScript实现渐变色效果(不使用图片)

<title>JavaScript渐变色</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript1.2%22%3E%20%0D%0A%3C!--%20%0D%0Aif%20(document.all)%7B%20%0D%0Aone%3Dnew%20Array()%3B%20%0D%0Atwo%3Dnew%20Array()%3B%20%0D%0Avar%20a%3D10%3Bvar%20b%3D11%3Bvar%20c%3D12%3Bvar%20d%3D13%3Bvar%20e%3D14%3Bvar%20f%3D15%3B%20%0D%0Avar%20width%20%3D%20350%3B%20%0D%0Avar%20height%20%3D%2020%3B%20%0D%0Avar%20gap%20%3D%205%3B%20%0D%0Avar%20direction%20%3D%200%3B%20%0D%0A%2F%2Fcolour%20number%201%20-%20enter%201st%2C%203rd%20and%205th%20numbers%2Fletters%20of%20colour%20code%20%0D%0Aone%5B0%5D%3Df%3B%20%0D%0Aone%5B1%5D%3Df%3B%20%0D%0Aone%5B2%5D%3D0%3B%20%0D%0A%2F%2Fcolour%20number%202%20-%20enter%201st%2C%203rd%20and%205th%20numbers%2Fletters%20of%20colour%20code%20%0D%0Atwo%5B0%5D%3D0%3B%20%0D%0Atwo%5B1%5D%3Dc%3B%20%0D%0Atwo%5B2%5D%3D0%3B%20%0D%0A%2F%2Fend%20configuration%20%0D%0Aif(direction%3D%3D0)%20var%20num%20%3D%20width%20%2F%20gap%3B%20%0D%0Aif(direction%3D%3D1)%20var%20num%20%3D%20height%20%2F%20gap%3B%20%0D%0Acolor2%3Dnew%20Array()%3B%20%0D%0Acolor1%3Dnew%20Array()%3B%20%0D%0Adiff%3Dnew%20Array()%3B%20%0D%0Afor(i%3D0%3Bi%3C3%3Bi%2B%2B)%20%7B%20%0D%0Adiff%5Bi%5D%20%3D%20two%5Bi%5D%20-%20one%5Bi%5D%3B%20%0D%0Adiff%5Bi%5D%20%3D%20diff%5Bi%5D%20%2F%20num%3B%20%0D%0A%7D%20%0D%0Afor(i%3D0%3Bi%3C3%3Bi%2B%2B)%7B%20%0D%0Acolor1%5Bi%5D%20%3D%20Math.round(diff%5Bi%5D%20*%20Math.pow(10%2C%200))%3B%20%0D%0Aif(color1%5Bi%5D%20%3E%20diff%5Bi%5D)color1%5Bi%5D%20%3D%20color1%5Bi%5D%20-%201%3B%20%0D%0Acolor2%5Bi%5D%20%3D%20diff%5Bi%5D%20-%20color1%5Bi%5D%3B%20%0D%0Acolor2%5Bi%5D%20%3D%20color2%5Bi%5D%20*%2015%3B%20%0D%0Acolor2%5Bi%5D%20%3D%20Math.round(color2%5Bi%5D%20*%20Math.pow(10%2C%200))%3B%20%0D%0A%7D%20%0D%0Ax%3Dnew%20Array()%3B%20%0D%0Atwo%5B0%5D%3D0%3B%20%0D%0Atwo%5B1%5D%3D0%3B%20%0D%0Atwo%5B2%5D%3D0%3B%20%0D%0Adocument.write('%3Ctable%20border%3D%220%22%20cellpadding%3D%220%22%20cellspacing%3D%220%22%20width%3D%22'%2Bwidth%2B'%22%20height%3D%22'%2Bheight%2B'%22%3E')%3B%20%0D%0Aif(direction%3D%3D0)%20document.write('%3Ctr%3E')%3B%20%0D%0Afor(i%3D0%3Bi%3C%3Dnum%3Bi%2B%2B)%20%7B%20%0D%0Aif(direction%3D%3D1)%20document.write('%3Ctr%3E')%3B%20%0D%0Adocument.write('%3Ctd%20bgcolor%3D%22%23')%3B%20%0D%0Afor(j%3D0%3Bj%3C3%3Bj%2B%2B)%20%7B%20%0D%0Aif(one%5Bj%5D%3D%3Da)document.write(%22a%22)%3B%20%0D%0Aif(one%5Bj%5D%3D%3Db)document.write(%22b%22)%3B%20%0D%0Aif(one%5Bj%5D%3D%3Dc)document.write(%22c%22)%3B%20%0D%0Aif(one%5Bj%5D%3D%3Dd)document.write(%22d%22)%3B%20%0D%0Aif(one%5Bj%5D%3D%3De)document.write(%22e%22)%3B%20%0D%0Aif(one%5Bj%5D%3D%3Df)document.write(%22f%22)%3B%20%0D%0Aif(one%5Bj%5D%3C10)document.write(one%5Bj%5D)%3B%20%0D%0Aif(two%5Bj%5D%3D%3Da)document.write(%22a%22)%3B%20%0D%0Aif(two%5Bj%5D%3D%3Db)document.write(%22b%22)%3B%20%0D%0Aif(two%5Bj%5D%3D%3Dc)document.write(%22c%22)%3B%20%0D%0Aif(two%5Bj%5D%3D%3Dd)document.write(%22d%22)%3B%20%0D%0Aif(two%5Bj%5D%3D%3De)document.write(%22e%22)%3B%20%0D%0Aif(two%5Bj%5D%3D%3Df)document.write(%22f%22)%3B%20%0D%0Aif(two%5Bj%5D%3C10)document.write(two%5Bj%5D)%3B%20%0D%0Aone%5Bj%5D%20%3D%20one%5Bj%5D%20%2B%20color1%5Bj%5D%3B%20%0D%0Atwo%5Bj%5D%20%3D%20two%5Bj%5D%20%2B%20color2%5Bj%5D%3B%20%0D%0Aif(two%5Bj%5D%3E15)%20%7B%20%0D%0Atwo%5Bj%5D%20%3D%20two%5Bj%5D%20-%2015%3B%20%0D%0Aone%5Bj%5D%2B%2B%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aif(direction%3D%3D0)%20document.write('%22%20width%3D%22'%2Bgap%2B'%22%20height%3D%22'%2Bheight%2B'%22%3E%26nbsp%3B%3C%2Ftd%3E')%3B%20%0D%0Aif(direction%3D%3D1)%20document.write('%22%20width%3D%22'%2Bwidth%2B'%22%20height%3D%22'%2Bgap%2B'%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E')%3B%20%0D%0A%7D%20%0D%0Adocument.write('%3C%2Ftable%3E')%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程