DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jQuery圖片平滑連續向左右上下滾動插件
基於jQuery圖片平滑連續向左右上下滾動插件
編輯:JQuery特效代碼     

 

文件打包下載

 

* 此插件要求運行在jQuery v1.3 或更高版本上
* 插件可以實現圖片平滑向上或向左滾動
* 如果您需要更多的效果或在使用中本插件存在BUG,可以給在彥磊的博客上留言,彥磊將盡自己最大努力完善此插件
* 您留言前請先到:http://gmarwaha.com/jquery/jcarousellite/ 上面下載jcarousellite插件 
* 來和彥磊圖片平滑滾動的插件相互補充使用以獲取更多的圖片效果
* 彥磊圖片平滑滾動插件只是對jcarousellite插件的補充
*
*
* 技術支持:HTTP://HI.BAIDU.COM/DPXDQX
* 此為自由拷貝版本,您可以在此基礎上添加任何功能
* 彥磊建議您將修改過的版本或發布地址發到彥磊博客上以共享,也建議您保留部分彥磊的信息
*
*
* 此插件沒有象jcarousellite插件樣對相關元素的CSS全自動設置,部分CSS樣式需要您為設置
* 原因很簡單:您需要考慮部分用戶的浏覽器不支持JAVASCRIPT或相關功能被禁用
* 您需要讓您的頁面元素布局在此時也能顯示正確,因此必要的CSS設置還需要您自己來做。
*
* 使用前您一定要引入jQurey及本腳本,如
* <script type="text/javascript" src="js/jquery_last.js"></script>
* <script type="text/javascript" src="js/YlMarquee.js">
* 使用方法:
*
* 1、為您要設置滾動的對象設置容器,並命名class,如class="ylMarquee"
* 2、將您要滾動的對象置入<ul></ul>中,並添加li標簽,li標簽中可以是圖片、文字或表格……
* 3、此版本需要您設置每個li列表的寬度或高度一至
* <div class="ylMarquee">
* <ul>
* <li><img src="image/1.jpg" alt="1"></li>
* <li><img src="image/2.jpg" alt="2"></li>
* <li><img src="image/3.jpg" alt="3"></li>
* </ul>
* </div>
* 4、設置ylMarquee的height或width樣式——向上滾動必須設置height的大小,向左滾動必須設置width的大小,否則頁面將顯示不正常。
* 5、在頁面中添加jQuery語句,調用此插件,並對相關參數進行設置,如:
* <script type="text/javascript">
* $(document).ready(function(){
* $(".stroll").jMarquee({
* visible:3,
* step:1,
* direction:"left"
* });
*});
* </script>
* 6、插件相關參數:
* visible:頁面可見元素(圖片)個數,默認為1,必須參數。
* step:滾動步長,整數,默認為1,增大此數可加快滾動速度,設為0,則不進行滾動。
* direction:滾動方向,有"left"(向左滾動)和"up"(向上滾動)兩個參數,注意設置時一定要加英文的雙引("")號或單引號('')。
*/

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved