這篇“怎么使用JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“怎么使用JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果”文章吧。

10年積累的做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有錫林浩特免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

Marquee.js插件提供了許多屬性選項(xiàng)，您可以配置定制外觀和效果。

{   
yScroll: "top"  // 初始滾動(dòng)方向 (還可以是"top" 或 "bottom") 
showSpeed: 850  // 初始下拉速度
scrollSpeed: 12  // 滾動(dòng)速度   ,
pauseSpeed: 5000  // 滾動(dòng)完到下一條的間隔時(shí)間  
pauseOnHover: true // 鼠標(biāo)滑向文字時(shí)是否停止?jié)L動(dòng)  
loop: -1    // 設(shè)置循環(huán)滾動(dòng)次數(shù) （-1為無限循環(huán)） 
fxEasingShow: "swing" // 緩沖效果  
fxEasingScroll: "linear" // 緩沖效果  
cssShowing: "marquee-showing" //定義class //
event handlers  
init: null    // 初始調(diào)用函數(shù)  
beforeshow: null   // 滾動(dòng)前回調(diào)函數(shù)  
show: null     // 當(dāng)新的滾動(dòng)內(nèi)容顯示時(shí)回調(diào)函數(shù)  
aftershow: null   // 滾動(dòng)完了回調(diào)函數(shù) 
}

詳細(xì)代碼：

 
 
 
 
 
 
 
 
 $(function(){  
   $("#marquee").marquee({ 
   yScroll: "bottom", 
   showSpeed: 850,  // 初始下拉速度   , 
   scrollSpeed: 12,  // 滾動(dòng)速度   , 
   pauseSpeed: 500,  // 滾動(dòng)完到下一條的間隔時(shí)間   , 
   pauseOnHover: true, // 鼠標(biāo)滑向文字時(shí)是否停止?jié)L動(dòng)   , 
   loop: -1 ,    // 設(shè)置循環(huán)滾動(dòng)次數(shù) （-1為無限循環(huán)）   , 
   fxEasingShow: "swing" , // 緩沖效果   , 
   fxEasingScroll: "linear", // 緩沖效果   , 
   cssShowing: "marquee-showing" //定義class 
 
   }); 
 }); 
 
 
 
 
 
 
 
 
 
   
WEB前端開發(fā) [2011-10-20]
   
架構(gòu)設(shè)計(jì) [2011-09-20]
   
系統(tǒng)運(yùn)維 [2011-10-16]
  
 
 
 

以上就是關(guān)于“怎么使用JQuery插件Marquee.js實(shí)現(xiàn)無縫滾動(dòng)效果”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。