jwise 是一個可以用在隨機輪播顯示文字廣告區塊上使用。像是常見的字型大小及文字顏色都能有動畫展示的效果。
套件名稱：jwise
套件版本：1.0.1
作者網站：http://havalite.com/index.php?p=55
套件網址：N/A
發佈日期：2011-11-04
檔案大小：2.19 KB
檔案下載：jwise.js
參數選項說明：
檢視原始碼 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 37 38 39 40 41 42 43 44 45 46 47 | animLines(選填) 描述： 指定句子的來源區塊 預設值： "" animFadeTime(選填) 描述： 切換時的淡出淡入時間；單位毫秒(1000毫秒 = 1秒) 預設值： 700 animInterval(選填) 描述： 輪播時間；單位毫秒(1000毫秒 = 1秒) 預設值： 3000 wordSpaceMin(選填) 描述： 切換時的字與字之間的空間距離動畫 預設值： $(selector).css("word-spacing") letterSpaceMin(選填) 描述： 切換時的字母與字母之間的空間距離動畫 預設值： $(selector).css("letter-spacing") fontSizeMin(選填) 描述： 顯示時的字型大小 預設值： $(selector).css("font-size") fontSizeMax(選填) 描述： 切換時的字型大小 預設值： $(selector).css("font-size") colorStart(選填) 描述： 切換時的文字顏色(要引用 jquery-ui 或是 jquery.color) 預設值： $(selector).css("color") colorEnd(選填) 描述： 顯示時的文字顏色(要引用 jquery-ui 或是 jquery.color) 預設值： $(selector).css("color") align(選填) 描述： 文字對齊方式 預設值： 'left' fadeMin(選填) 描述： 淡出時的最小不透明度值 預設值： 1 fadeMax(選填) 描述： 淡入時的最大不透明度值 預設值： 1 |
方法說明：
檢視原始碼 JavaScript
1 2 3 4 5 | // 初使化設定 $(selector).jwise(options); // 停止輪播 $(selector).jwiseStop(); |
使用範例：
檢視原始碼 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 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-ui.js"></script> <script type="text/javascript" src="jwise.js"></script> <style type="text/css"> .animContainer{ position: absolute; width: 90%; padding: 33px; } </style> <script type="text/javascript"> $(function(){ // 指定 .animContainer 為顯示效果的區塊 // 設定顯示句子的來源為 .animLines // 加入淡出及字母縮放效果 // 加入顏色的動畫(要引用 jquery-ui 或是 jquery.color) // 加入字型大小的動畫 $('.animContainer').jwise({ animLines: '.animLines', fadeMin: 0, wordSpaceMin: 70, colorStart: '#FF0000', colorEnd: '#001234', fontSizeMin: 36 }); }); </script> <body> <div class="animContainer"></div> <div class="animLines"> <div>這邊是句子的來源.</div> <div>Es kommt nicht darauf an, wie ALT man ist, sondern WIE man alt ist.</div> <div>AUFRICHTIGKEIT ist wahrscheinlich die verwegenste Form der TAPFERKEIT.</div> <div>Ein WAHRHAFT großer Mann wird weder einen Wurm ZERTRETEN, noch vor dem Kaiser KRIECHEN.</div> <div>Was Rednern an TIEFE fehlt, ersetzen sie durch LÄNGE.</div> <div>Sehnsucht ist das Los des Geistes, der einmal Gottes Schönheit geschaut hat.</div> <div>Unruhig ist unser Herz, bis es ruht in DIR.</div> <div>Wandelt mit den FÜßEN auf der ERDE; mit den HERZEN aber seid im HIMMEL.</div> <div>Bewußt-Sein ist Selbst-Erlebnis durch Selbst-Betrachtung.</div> <div>Doch die SCHÖPFUNG - bleibt ein WUNDER.</div> <div>Nur der Schweigende hört.</div> <div>Suche nicht ANDERE, sondern dich SELBST zu übertreffen.</div> <div>Man muss etwas Neues machen, um etwas Neues zu sehen.</div> <div>Jede Weisheit ist ein Geschenk Gottes</div> <div>Wer sich nicht mehr WUNDERN kann, der ist SEELISCH bereits TOD.</div> <div>Menschen wünschen sich Geduld, aber so schnell wie möglich</div> </div> </body> |