jQuery--文字滚动

最新推荐文章于 2023-02-28 17:56:48 发布

yuanliy

最新推荐文章于 2023-02-28 17:56:48 发布

阅读量774

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/a432qbc/article/details/125526713

版权

本文详细介绍了如何使用jQuery库创建动态的文字滚动效果，包括上下滚动、左右滚动等常见应用场景，适用于网页信息展示和提升用户体验。

摘要由CSDN通过智能技术生成

 function autoScroll($message) {
        var $item = $message.children(),
            _count = $message[0].scrollTop,
            _times = 0,
            _height = $message.outerHeight(),
            _scrollHeight = $message[0].scrollHeight,
            _scrollTop = $message[0].scrollTop;
        if (_scrollHeight > _height) {
            global_timer = setInterval(function() {
                _count += 1;
                if (_count < _scrollHeight - _height) {
                    $message[0].scrollTop = _count;
                } else {
                    clearInterval(global_timer);
                    _times = 1;
                }
            }, 50);
        }
        $message.on({
            // 'touchstart': function() {
            //     clearInterval(global_timer);
            // },
            'touchstart': function() {
                var e = e || window.event;