|
|
復(fù)制代碼 代碼如下:
rel="#十六進(jìn)制顏色-#十六進(jìn)制顏色"
少一個或多一個字符都不行。
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
怎么樣，效果很炫吧，嘿嘿！
這樣的一個效果的HTML代碼是這樣的：
字體的樣式
復(fù)制代碼 代碼如下:
<span name="clip:g" rel="#cc0000-#00ffff">隨頁面的全局樣式變化</span>
，
就是這么簡單，先用span元素包含文字，再給span元素加上標(biāo)示和顏色值就可以了！不難吧。
最后在HTML文檔的最后位置插入JS代碼給有標(biāo)示的元素著色
<script type="text/Javascript">
clip.gradient().init({t:["SPAN","A"]});
</script>
其中的{t:["SPAN","A"]}這個參數(shù)指示了需要給出反應(yīng)的元素，現(xiàn)在是只針對SPAN和A標(biāo)簽，如果你需要給DIV內(nèi)部的文字也使用漸變色，就需要寫成{t:["SPAN","A","DIV"]}，本來這句也可以一起封裝到JS文件里面，不過考慮到每個人的需求不同，所以放外面方便配置。
如果有些用戶的瀏覽器禁用了JS也不用擔(dān)心頁面出現(xiàn)錯亂或者其他問題。
PS:一直讓我覺得這個漸變方法有用武之地的是它可以完美的支持所有瀏覽器（禁用JS的除外=.=!）
JavaScript技術(shù)：封裝了一個自動生成漸變字的JS類(clip)，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
