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