想要從一堆圖片或是段落中隨機選擇 N 個來顯示嗎?Randomr 就是一個能輕鬆達成想要隨機顯示的外掛套件。
套件名稱:Randomr
套件網址:1.0
作者網站:http://twostepmedia.co.uk/randomr/
套件網址:N/A
發佈日期:2011-12-06
檔案大小:945 Bytes
檔案下載:randomr.js
參數選項說明:
檢視原始碼 JavaScript
1 2 3 | amount(選填) 描述: 要隨機顯示的數量 預設值: 1 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 把指定元素中的子元素隨機取出顯示 $(selector).randomr(options); |
使用範例:
檢視原始碼 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="randomr.js"></script> <script type="text/javascript"> $(function(){ // 隨機顯示 4 張圖片 $('.myImages').randomr({ amount: 4 }); // 隨機顯示某一段落 $('.myParas').randomr(); }); </script> <body> <h3>隨機圖片</h3> <div class="myImages"> <img src="images/DSC_0668.JPG" /> <img src="images/DSC_0952.JPG" /> <img src="images/DSC_1147.JPG" /> <img src="images/DSC_1838.JPG" /> <img src="images/DSC_1882.JPG" /> </div> <h3>隨機段落</h3> <div class="myParas"> <p>1.筆者寫的 Reboot Control 是一個可以快速關機 / 重開機的小程式。但這程式並不是每一個行動裝置都能使用,至少該裝置一定要有 Root 過。</p> <p>2.jBreadCrumb 可以把一般 ul li 元素轉換成網站導覽路徑標示(麵包屑),同時還會隨著設定而縮小,當然啦~滑鼠移上去時還會有展開的動畫效果呢。</p> <p>3.現在很多廣告輪播效果都有做出類似百葉窗的交錯進場切換方式,這其實是利用了多個區塊及背景圖片座標控制的方式來達成,所以今天筆者會教各位如何做出類似的效果。</p> <p>4.因為 jQuery 本身有鏈結(chain)的功能,所以在使用的過程中就能一直點下去。不過若某些動作是需要滿足某些條件時的話,這時通常就得透過條件判斷來處理了。但也因為這樣就不得不分成幾段程式囉。而 IF plugin for jQuery 的出現就是讓咱們在寫的過程中也能直接做條件判斷哩。</p> <p>5.jQuery QR Image Plugin 雖然是一個很簡單就能取得 QR Code 的圖片,不過這外掛套件...沒什麼能設定及改變的。如果您只是要張 QR Code 圖片的話,這個就湊合著用吧!</p> </div> </body> |