是不是不知道如何處理使用者寄來的推薦商品的信件呢？Quovolver 是個把簡單的引用內容轉變成可以輪播顯示的外掛套件，快來把推薦者的訊息內容加入到引用輪播的區塊中吧。
套件名稱：Quovolver
套件版本：1.0
作者網站：http://sandbox.sebnitu.com/jquery/quovolver/
套件網址：N/A
發佈日期：2009-08-14
檔案大小：1.76 KB
檔案下載：jquery.quovolver.js
參數選項說明：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 | speed(選填) 描述： 切換時的淡入淡出速度；單位毫秒(1000毫秒 = 1秒) 預設值： 500 delay(選填) 描述： 輪播停留時間；單位毫秒(1000毫秒 = 1秒) 預設值： 6000 |
方法說明：
檢視原始碼 JavaScript
1 2 | // 使用 blockquote 輪播切換顯示效果 $(selector).quovolver(speeed, delay); |
使用範例：
檢視原始碼 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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.quovolver.js"></script> <style type="text/css"> blockquote { font-family: Georgia, Times, serif; width: 300px; /* required */ margin: 0 auto; } #quote_wrap { background: #fbffec url(images/quote-mark.png) no-repeat 20px 20px; margin: 40px 0; padding: 20px; width: 475px; border: 1px solid #edffaf; } </style> <script type="text/javascript"> $(function(){ // blockquote 每 6 秒輪播切換顯示 $('blockquote').quovolver(500, 6000); }); </script> <body> <blockquote> <p>jQuery 外掛分享與介紹都在 <a href="http://abgne.tw">男丁格爾's 脫殼玩</a>。</p> <cite>– Quote Author (Quote #1)</cite> </blockquote> <blockquote> <p>Ut eu consectetur nisi. Praesent facilisis diam nec sapien gravida non mattis justo imperdiet. Vestibulum nisl urna, euismod sit amet congue at, bibendum non risus.</p> <cite>– Quote Author (Quote #1)</cite> </blockquote> <blockquote> <p>Ut eu consectetur nisi. Praesent facilisis diam nec sapien gravida non mattis justo imperdiet. Vestibulum nisl urna, euismod sit amet congue at, bibendum non risus.</p> <cite>– Quote Author (Quote #1)</cite> </blockquote> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor, enim sem condimentum lacus, vel mattis mauris risus id justo. Nullam tincidunt, augue sit amet euismod condimentum, orci elit dignissim odio, a viverra augue enim in lectus. Ut tempor commodo venenatis. Pellentesque pretium, ipsum nec bibendum facilisis, erat justo consequat tortor, iaculis suscipit eros est quis urna. Nunc gravida ornare nibh interdum sagittis.</p> <cite>– Quote Author (Quote #2)</cite> </blockquote> <blockquote> <p>Donec rutrum convallis viverra. Suspendisse vehicula, risus sit amet luctus pharetra, quam ante condimentum metus, porttitor vulputate magna felis quis dui.</p> <cite>– Quote Author (Quote #3)</cite> </blockquote> <blockquote> <p>Suspendisse ipsum urna, pellentesque eget sagittis eget, porta eget ligula. Mauris id posuere nisl. Aliquam sit amet urna lorem. Donec et odio et velit ornare dapibus a sit amet odio. Praesent ornare cursus ante quis fringilla. Vivamus id egestas sapien. Nullam mollis elit eros, ac euismod neque. Nam placerat dictum congue.</p> <cite>– Quote Author (Quote #4)</cite> </blockquote> <blockquote> <p>Nulla facilisi. Mauris vel mattis risus. Ut nec luctus tortor. In interdum pulvinar quam non pharetra. Proin sed diam in lorem varius tempor. Vestibulum porta, diam quis mollis rutrum, dolor lectus interdum leo, malesuada convallis purus tortor sed turpis.</p> <cite>– Quote Author (Quote #5)</cite> </blockquote> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu eros velit, non blandit ipsum. Donec pretium, nibh vitae tristique tempor, enim sem condimentum lacus, vel mattis mauris risus id justo. Nullam tincidunt, augue sit amet euismod condimentum, orci elit dignissim odio, a viverra augue enim in lectus. Ut tempor commodo venenatis.</p> <cite>– Quote Author (Quote #6)</cite> </blockquote> </body> |