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

2021-09-16 12:14:48 字數 1028 閱讀 8404

jquery marquee外掛程式是基jquery的無縫滾動外掛程式,類似於 html 的 marquee 標籤,但在marquee的基礎上新增了許多可控功能。它可以應用於多種 web 元素,包括文字、、表單等元素,同時它可以設定不同的滾動方向(上下左右)、滾動速度、無縫滾動等等,並且支援css3。

1.無需安裝將對應的jquery.marquee.js、jquery.marquee.min.js、jquery.marquee.css放到專案中呼叫對應打方法就能實現滾動效果;

html**如下

資訊

資料存放到當前div中

我用的是js獲取資料然後迴圈遍歷放至當前div中實現的;

function inintnewdata());  

$.ajax(,

url: '******',

datatype : "json",

method : "post",

success: function(data) else

modelstr += ' ' + 王者榮耀 + '

'; modelstr += '' + (180) + '****'+(6689)+'

'; if (data[i].result == 1)

modelstr += '

'; modelstr += '

'; }

modelstr +='

'; $("#marquee").empty().html(modelstr);

}} });

}

以下才是最重要的實現滾動效果的**,用當前存放資料的div的id呼叫marquee方法就可以實現滾動效果

$('.marquee').marquee();
剛用這個外掛程式有的地方也不太清楚,以後一起學習,後續後持續更新 ;

提取碼:ra6j

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

簡介 jquery marquee是一款基於 jquery 的滾動外掛程式,類似於 html 的 marquee 標籤,但在marquee的基礎上新增了許多可控功能。它可以應用於多種 web 元素,包括文字 表單等元素,同時它可以設定不同的滾動方向 上下左右 滾動速度 無縫滾動等等,並且支援css3...

elasticSearch 使用之外掛程式篇

之前由於各個系統使用的es都是各個系統自己負責,所以面臨的問題就是管理起來比較麻煩,比如各個系統使用的版本不相容,容量規劃不能做到全域性最優,各個系統業務和搜尋耦合度高,當然還有資料的一致性問題 此次介紹主要圍繞的乙個問題是,業務系統和搜尋服務的高度耦合,搜尋服務常用的操作無非是增刪改查,我們只要把...

FullPage螢幕滾動外掛程式使用教程

需要引入三個檔案jquery.fullpage.js jquery.js jquert.fullpage.css 設定乙個外層div標籤,然後設定id為 fullpage 然後設定在fullpage標籤內設定幾個 div標籤,class 設定為section 表示每一屏。在class為 select...