簡介:jquery marquee是一款基於 jquery 的滾動外掛程式,類似於 html 的 marquee 標籤,但在marquee的基礎上新增了許多可控功能。它可以應用於多種 web 元素,包括文字、、表單等元素,同時它可以設定不同的滾動方向(上下左右)、滾動速度、無縫滾動等等,並且支援css3。
src="../vendor/marquee/jquery.marquee.min.js">
使用方式很簡單
html:
class="container">
p>
p>
...div>
js: $('.container').marquee({}); //括號內為配置引數(見下文)
常用配置:
引數描述
direction
方向,預設為left
duration
滾動時長(單位:毫秒),預設為left
gap滾動乙個週期的間距(單位:px),預設為20
delaybeforestart
滾動開始延遲時間(單位:毫秒),預設為1000
duplicated
無縫銜接,預設為false
startvisible
初始位置設定,預設為true
高階配置:
引數描述
allowcss3support
支援css3運動效果,預設為true
pauseonhover
滑鼠移動暫停滾動,預設為false
css3easing
css3過渡效果,預設為linear。包含linear、swing等在內一共32種,其本質為貝塞爾曲線(三次),詳見附圖
常用示例:
$(".container").marquee();
滾動外掛程式的使用之jQuery Marquee
jquery marquee外掛程式是基jquery的無縫滾動外掛程式,類似於 html 的 marquee 標籤,但在marquee的基礎上新增了許多可控功能。它可以應用於多種 web 元素,包括文字 表單等元素,同時它可以設定不同的滾動方向 上下左右 滾動速度 無縫滾動等等,並且支援css3。1...
elasticSearch 使用之外掛程式篇
之前由於各個系統使用的es都是各個系統自己負責,所以面臨的問題就是管理起來比較麻煩,比如各個系統使用的版本不相容,容量規劃不能做到全域性最優,各個系統業務和搜尋耦合度高,當然還有資料的一致性問題 此次介紹主要圍繞的乙個問題是,業務系統和搜尋服務的高度耦合,搜尋服務常用的操作無非是增刪改查,我們只要把...
FullPage螢幕滾動外掛程式使用教程
需要引入三個檔案jquery.fullpage.js jquery.js jquert.fullpage.css 設定乙個外層div標籤,然後設定id為 fullpage 然後設定在fullpage標籤內設定幾個 div標籤,class 設定為section 表示每一屏。在class為 select...