jQuery fade anything plugin 套件能從指定的顏色漸變成原元素的顏色,讓使用者在視覺上有不同的感受。
套件名稱:jQuery fade anything plugin
套件版本:1.0.1
作者網站:http://rongjunxue.viminta.com/
套件網址:http://plugins.jquery.com/project/fade
發佈日期:2007-10-07
檔案大小:2.87 KB
檔案下載:jquery.fade.js
參數說明:
檢視原始碼 JavaScript
1 2 3 | parameter(選填) 描述: 要漸變的顏色 預設值: ff8000 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 讓指定的元素產生顏色漸變的效果 $(selector).vkfade([color]); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.fade.js"></script> <style type="text/css"> #Content1 { background-color:#339900; border:1px solid black; } #Content2 { background-color:#ff0000; border:1px solid black; } </style> <script type="text/javascript"> $(function(){ // 指定 #Content1、#Btn1 及 #Txt1 產生漸變效果 $("#Content1, #Btn1, #Txt1").vkfade(); // 設定漸變的顏色 // 注意:只能用16進位的RGB碼,必須是6個字元且開頭不用加# $("#Content2").vkfade("ffff00"); }); </script> <body> <div id="Content1"> <p>這是第一個區塊的內容</p> </div> <div id="Content2"> <p>這是第一個區塊的內容</p> </div> <input type="button" value="我是按鈕" id="Btn1" /><br /> <textarea id="Txt1">我是文字區塊</textarea> </body> |
附註:
只能透過 ID 來指定要漸變的元素,且該元素的背景顏色值也是要用16進位來表示才行。