滾動外掛程式的使用之jQuery Marquee

2021-08-14 06:45:22 字數 1037 閱讀 9528

簡介: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...