The multi-line text image scrolling effect shared with you in this section is implemented based on jquery and is more practical. If you like it, you can add it to favorites and share a jquery file to achieve multi-line scrolling effect.
I have read a lot of announcements on some Forum websites.
The Code is as follows:
// Multi-row scrolling (function ($) {$. fn. extend ({Scroll: function (opt, callback) {if (! Opt) var opt = {}; var _ this = this. eq (0 ). find ("ul: first"); var lineH = _ this. find ("li: first "). height (), line = opt. line? ParseInt (opt. line, 10): parseInt (this. height ()/lineH, 10), speed = opt. speed? ParseInt (opt. speed, 10): 1000, // rolling speed. The larger the value is, the slower the speed (millisecond) timer = opt. timer? ParseInt (opt. timer, 10): 5000; // interval of scrolling (MS) if (line = 0) line = 1; var upHeight = 0-line * lineH; scrollUp = function () {_ this. animate ({marginTop: upHeight}, speed, function () {for (I = 1; I
Instance demo
The Code is as follows:
- I'm jquery multi-line scroll bar 1.
- I'm jquery multi-line scroll bar 2.
- I'm jquery multi-line scroll bar 3.
- I'm jquery multi-line scroll bar 4.
- I'm jquery multi-line scroll bar 5.
- I'm jquery, multi-line scroll bar 6.
- I'm jquery multi-line scroll bar 7
- I'm jquery multi-line scroll bar 8