jQuery Vertical Text Scrolling Plugin meuiTextScroll

Add-ons

2026-07-25 23:16 5 次浏览 • 0 次下载 7.4KB

jQuery Vertical Text Scrolling Plugin meuiTextScroll

Plugin Description: Text scrolls vertically with built-in pagination functionality. The scrolling speed and direction can be configured.

Last Updated: 2021-01-08 00:07:01

Plugin Usage Instructions

meuiTextScroll - Vertical Text Scrolling with Built-in Pagination Controls

How to Initialize the Control

Step 1: Import the CSS and JS files required by the control

<link type="text/css" rel="stylesheet" href="assets/css/meui-textScroll.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="src/meui-textScroll.js"></script><!--meui text scrolling-->

Step 2: Create the DOM node

1	`<div` `id="scrollBox"></div>`

Step 3: Initialize the control

$("#scrollBox").meuiTextScroll({
    content: '', // Custom content for the scrolling area. Defaults to empty (optional). Note: Each row of data must be wrapped in an li tag. No other tags are allowed.
    source: { // Data source. Only effective when the content parameter is not empty.
        [
            {
                "title": "Title Information 1",
                "description": "Text content text content",
                "pubdate": "2020-12-15 14:32:21",
                "href": "http://****.com"
            },
            {
                "title": "Title Information 2",
                "description": "Text content text content",
                "pubdate": "2020-12-15 14:32:21",
                "href": "http://****.com"
            }
        ]
    },
    format: ["title", "description", "pubdate", "href"], // Custom data source fields, in array format. Only effective when the content parameter is not empty (optional). Array elements correspond to the following data source fields: title, description (optional), publication time (optional), and link URL (optional).
    caption: 'Latest Inquiry Messages', // Section title (optional)
    width: 340, // Scrolling area width (optional)
    height: 500, // Scrolling area height (optional)
    line: 1, // Number of rows to scroll each time (optional)
    speed: 500, // Scrolling speed (milliseconds) (optional)
    timer: 2000, // Scrolling interval (milliseconds) (optional)
    direction: 'up', // Scrolling direction (optional). up = upward (default), down = downward
    pageBtn: true, // Whether to display the previous/next page buttons. Defaults to true (optional).
    up: "but_up", // ID attribute name of the upward button (optional)
    down: "but_down" // ID attribute name of the downward button (optional)
})