基于jQuery圖片平滑連續(xù)滾動(dòng)插件
* 插件可以實(shí)現(xiàn)圖片平滑向上或向左滾動(dòng)
* 如果您需要更多的效果或在使用中本插件存在BUG,可以給在彥磊的博客上留言,彥磊將盡自己最大努力完善此插件
* 您留言前請(qǐng)先到:http://gmarwaha.com/jquery/jcarousellite/ 上面下載jcarousellite插件
* 來(lái)和彥磊圖片平滑滾動(dòng)的插件相互補(bǔ)充使用以獲取更多的圖片效果
* 彥磊圖片平滑滾動(dòng)插件只是對(duì)jcarousellite插件的補(bǔ)充
*
*
* 技術(shù)支持:HTTP://HI.BAIDU.COM/DPXDQX
* 此為自由拷貝版本,您可以在此基礎(chǔ)上添加任何功能
* 彥磊建議您將修改過(guò)的版本或發(fā)布地址發(fā)到彥磊博客上以共享,也建議您保留部分彥磊的信息
*
*
* 此插件沒(méi)有象jcarousellite插件樣對(duì)相關(guān)元素的CSS全自動(dòng)設(shè)置,部分CSS樣式需要您為設(shè)置
* 原因很簡(jiǎn)單:您需要考慮部分用戶(hù)的瀏覽器不支持JAVASCRIPT或相關(guān)功能被禁用
* 您需要讓您的頁(yè)面元素布局在此時(shí)也能顯示正確,因此必要的CSS設(shè)置還需要您自己來(lái)做。
*
* 使用前您一定要引入jQurey及本腳本,如
* <script type="text/javascript" src="js/jquery_last.js"></script>
* <script type="text/javascript" src="js/YlMarquee.js">
* 使用方法:
*
* 1、為您要設(shè)置滾動(dòng)的對(duì)象設(shè)置容器,并命名class,如class="ylMarquee"
* 2、將您要滾動(dòng)的對(duì)象置入<ul></ul>中,并添加li標(biāo)簽,li標(biāo)簽中可以是圖片、文字或表格……
* 3、此版本需要您設(shè)置每個(gè)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、設(shè)置ylMarquee的height或width樣式——向上滾動(dòng)必須設(shè)置height的大小,向左滾動(dòng)必須設(shè)置width的大小,否則頁(yè)面將顯示不正常。
* 5、在頁(yè)面中添加jQuery語(yǔ)句,調(diào)用此插件,并對(duì)相關(guān)參數(shù)進(jìn)行設(shè)置,如:
* <script type="text/javascript">
* $(document).ready(function(){
* $(".stroll").jMarquee({
* visible:3,
* step:1,
* direction:"left"
* });
*});
* </script>
* 6、插件相關(guān)參數(shù):
* visible:頁(yè)面可見(jiàn)元素(圖片)個(gè)數(shù),默認(rèn)為1,必須參數(shù)。
* step:滾動(dòng)步長(zhǎng),整數(shù),默認(rèn)為1,增大此數(shù)可加快滾動(dòng)速度,設(shè)為0,則不進(jìn)行滾動(dòng)。
* direction:滾動(dòng)方向,有"left"(向左滾動(dòng))和"up"(向上滾動(dòng))兩個(gè)參數(shù),注意設(shè)置時(shí)一定要加英文的雙引("")號(hào)或單引號(hào)('')。
*/
演示地址:http://img.jb51.net/online/jquery_pic/jquery_pic.htm
下載地址 http://img.jb51.net/online/jquery_pic/jquery_pic_files/YlMarquee.js
- 多種JQuery循環(huán)滾動(dòng)文字圖片效果代碼
- jQuery循環(huán)滾動(dòng)展示代碼 可應(yīng)用到文字和圖片上
- JQuery循環(huán)滾動(dòng)圖片代碼
- 利用jQuery簡(jiǎn)單實(shí)現(xiàn)產(chǎn)品展示圖片左右滾動(dòng)功能(示例代碼)
- 基于jquery實(shí)現(xiàn)點(diǎn)擊左右按鈕圖片橫向滾動(dòng)
- 基于jQuery的圖片左右無(wú)縫滾動(dòng)插件
- jquery 單行滾動(dòng)、批量多行滾動(dòng)、文字圖片翻屏滾動(dòng)效果代碼
- js jquery做的圖片連續(xù)滾動(dòng)代碼
- jquery實(shí)現(xiàn)圖片左右間隔滾動(dòng)特效(可自動(dòng)播放)
- jQuery實(shí)現(xiàn)一組圖片循環(huán)滾動(dòng)
相關(guān)文章
jquery插件制作 自增長(zhǎng)輸入框?qū)崿F(xiàn)代碼
本章我們將創(chuàng)建一個(gè)自增長(zhǎng)的輸入框插件,jquery.aotogrow.js2012-08-08
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼,學(xué)習(xí)jquery的朋友可以參考下。2011-08-08
jQuery實(shí)現(xiàn)注冊(cè)會(huì)員時(shí)密碼強(qiáng)度提示信息功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)注冊(cè)會(huì)員時(shí)密碼強(qiáng)度提示信息功能,涉及jQuery事件響應(yīng)及字符串的遍歷、運(yùn)算與判斷等相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫(xiě)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)contains方法不區(qū)分大小寫(xiě)的方法,實(shí)例分析了針對(duì)contains方法的重寫(xiě)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
點(diǎn)擊一次上傳, 當(dāng)上傳操作結(jié)束后才能操作界面,實(shí)現(xiàn)方式是通過(guò) ajaxfileuplod 上傳文件,需要的朋友參考下吧2018-05-05
jQuery實(shí)現(xiàn)的動(dòng)態(tài)文字變化輸出效果示例【附演示與demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的動(dòng)態(tài)文字變化輸出效果,采用jquery.quoterotator.min.js插件實(shí)現(xiàn)了文字動(dòng)態(tài)變換顯示的功能,并附帶演示與demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery基于隨機(jī)數(shù)解決中午吃什么去哪吃問(wèn)題示例
這篇文章主要介紹了jQuery基于隨機(jī)數(shù)解決中午吃什么去哪吃問(wèn)題,涉及jQuery基于事件響應(yīng)及隨機(jī)數(shù)動(dòng)態(tài)操作頁(yè)面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12
Jquery獲取第一個(gè)子元素簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Jquery獲取第一個(gè)子元素簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
基于jquery實(shí)現(xiàn)的鼠標(biāo)懸停提示案例
本文主要介紹了基于jquery實(shí)現(xiàn)的鼠標(biāo)懸停提示的詳細(xì)案例。代碼全面,功能實(shí)用,需要的朋友可以參考借鑒2016-12-12

