亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Javacript實現顏色梯度變化和漸變的效果代碼

2019-11-20 22:40:32
字體:
來源:轉載
供稿:網友
對于本站的導航欄,想做點什么。所以,選擇了用js對導航欄的顏色做了梯度的變化處理。
起初,覺得用opacity屬性(透明度)來改變顏色的梯度變化。不過,這樣會出現一個問題。
每一個導航標簽用的是[li],當鼠標浮動到標簽上時,通過onmouseover()立即改變[li]的className,并用setInterval()來使其opacity(透明度)由0變到1.不過,當鼠標離開時,對于[li]標簽的顏色恢復的處理貌似麻煩了許多。所以,很快就放棄了這個做法,換種思路。

到百度上一搜,看到了一篇很好的文章,地址為http://www.cnblogs.com/cloudgamer/archive/
2009/03/11/color.html。隨之,進行了簡化,找到了解決的辦法。

不如首先通過兩個顏色值,比如"#FFFFFF"、"#CCCCCC",其中一個為起始顏色,另一個為終止顏色。通過處理,獲取兩種顏色在變化時的各種顏色字符串,并且字符串的個數,即獲取的頻率可以調節。返回給某個數組變量,代碼如下:
復制代碼 代碼如下:

/**
* @Desc 該文件是改變顏色梯度的庫 - colorGrad.js
* @Author GenialX
* @Date 2013.05.30
* @QQ 2252065614
* @URL http://www.ihuxu.com
*/

/**
* 改變顏色的入口函數
* beginColor/endColor均為形如#FFFFFF的十六進制的字符串,rate為漸變的速度
* @return colorArray數組 形如#FFFFFF的字符串數組
* 調用格式 changeColor("#FFFFFF","#000000",100);
*/
function getColorArray(bColor,eColor,r){
//過渡中的顏色值,比如#FFFFFF
var curColor = new Object();
var beginColor = new Object();
var endColor = new Object();
var rate = new Object();
//得到每個rgb增長的方向。true代表增加,false代表減少
var isTrue = new Object();
var colorArray = new Array();
var i = 0;//數組下標

beginColor = getRGB(bColor);//改變成ogj類型
endColor = getRGB(eColor);//改變成ogj類型
curColor = getRGB(bColor);
rate = getRate(beginColor,endColor,r);
isTrue = getIsTrue(beginColor,endColor)
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产丝袜精品视频| 奇米四色中文综合久久| 91国产精品电影| 久久精品91久久香蕉加勒比| 最近2019中文字幕mv免费看| 国产精品白丝av嫩草影院| 国产一区二区三区四区福利| 91在线视频免费| 精品亚洲一区二区三区在线观看| 美女性感视频久久久| 欧美视频在线免费看| 亚洲石原莉奈一区二区在线观看| 成人羞羞国产免费| 欧美激情久久久久久| 亚洲精品97久久| 久久天天躁夜夜躁狠狠躁2022| 国产精品久久久久久久7电影| 2021久久精品国产99国产精品| 欧美裸体xxxx极品少妇软件| 日韩免费av在线| 久久97精品久久久久久久不卡| 成人激情电影一区二区| 91亚洲精品一区| 精品视频在线播放色网色视频| 日韩精品在线电影| 国内免费精品永久在线视频| 2019中文字幕在线| 久久精品国产99国产精品澳门| 国产精品极品美女粉嫩高清在线| 青青草精品毛片| **欧美日韩vr在线| 午夜精品www| 日韩精品免费电影| 亚洲国产日韩欧美在线图片| 日韩视频精品在线| 国产精品日韩在线一区| 全色精品综合影院| 中文字幕视频一区二区在线有码| 国产一区二区三区网站| 美乳少妇欧美精品| 国产精品扒开腿做| 亚洲第一视频在线观看| 久久久之久亚州精品露出| 成人免费看片视频| 日韩欧美第一页| 日韩国产高清污视频在线观看| 一区二区三区精品99久久| 久久久久久久香蕉网| 亚洲尤物视频网| 亚洲片av在线| 精品成人在线视频| 久久精品视频在线| 国产精品久久久亚洲| 国产视频久久久久久久| 亚洲自拍欧美色图| 91亚洲精品久久久久久久久久久久| 日韩av在线免费看| 国产91精品在线播放| 丝袜情趣国产精品| 国产精品日韩专区| 国产精品综合不卡av| 九九精品视频在线观看| 国产成人97精品免费看片| 久久久久久久久亚洲| 久久99久久久久久久噜噜| 国产精品美女呻吟| 亚洲欧美日韩区| 欧美亚洲午夜视频在线观看| 亚洲视频网站在线观看| 国产精品99久久久久久久久| 国产91色在线免费| 日韩视频一区在线| 亚洲wwwav| 国产精品久久久久久久久影视| 日韩在线资源网| 欧美激情乱人伦| 欧美性猛交xxxx富婆弯腰| 色综合91久久精品中文字幕| 亚洲国产天堂网精品网站| 美女视频黄免费的亚洲男人天堂| 欧美电影免费观看高清完整| 亚洲人午夜精品免费| 亚洲精品成人av| 一区国产精品视频| 国产精品wwww| 国产成人高清激情视频在线观看| 亚洲精品久久7777777| 亚洲第一男人av| 午夜精品久久久久久99热软件| 精品国偷自产在线| 亚洲在线免费观看| 亚洲毛片在线观看| 日韩av黄色在线观看| 一二美女精品欧洲| 国产一区二中文字幕在线看| 日韩中文字幕久久| 国产精品久久久久久久久免费看| 国产亚洲成av人片在线观看桃| 在线视频免费一区二区| 国产精品视频一| 欧美一区在线直播| 日韩在线视频线视频免费网站| 亚洲第一精品自拍| 国产成人精品久久久| 欧美美最猛性xxxxxx| 日本精品性网站在线观看| 精品无人区乱码1区2区3区在线| www.欧美精品| 92版电视剧仙鹤神针在线观看| 亚洲综合第一页| 久久久精品一区二区| 欧美日韩午夜剧场| 日本一欧美一欧美一亚洲视频| 久久久999精品视频| 麻豆国产va免费精品高清在线| 国产a级全部精品| 成人精品久久av网站| 亚洲精品自在久久| 亚洲精品av在线播放| 中文字幕精品国产| 国产精品mp4| 一区二区三区 在线观看视| 视频在线观看一区二区| 欧美综合在线观看| 国产亚洲精品综合一区91| 日韩欧美国产成人| 不卡在线观看电视剧完整版| 国产欧美日韩丝袜精品一区| 国产91精品青草社区| 日韩在线精品一区| 91高清免费在线观看| 久久国产精品久久国产精品| 中文字幕亚洲一区在线观看| 中文字幕日韩专区| 成人国产精品久久久久久亚洲| 国产精品高清网站| 亚洲欧美精品suv| 久久久精品一区二区| 国产丝袜精品第一页| 欧美大片网站在线观看| 狠狠久久五月精品中文字幕| 欧美大片va欧美在线播放| 欧美激情成人在线视频| 另类视频在线观看| 91久久在线观看| 高清欧美一区二区三区| 操91在线视频| 91精品91久久久久久| 欧美亚洲成人精品| 亚洲成人久久电影| 欧美刺激性大交免费视频| 成人午夜小视频| 91精品久久久久久久久久久久久久| 亚洲日本欧美日韩高观看| 日韩欧美成人免费视频| 在线成人免费网站| 欧美一级片久久久久久久| 亚洲小视频在线| 亚洲电影成人av99爱色| 91免费福利视频| 中日韩午夜理伦电影免费| 亚洲欧洲第一视频| 亚洲黄色av女优在线观看| 国内精品美女av在线播放|