文字上下滚动特效

最新推荐文章于 2023-03-16 21:30:00 发布

tianhe8

最新推荐文章于 2023-03-16 21:30:00 发布

阅读量785

点赞数

分类专栏： js技术文章标签： js 特效

本文链接：https://blog.csdn.net/mytianhe/article/details/9849865

版权

一、文字上下滚动特效 .list { height: 100px; text-overflow-y: hidden; overflow: hidden; width: 300px; border: 1px s

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

一、文字上下滚动特效

<head>
    <title></title>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
    <style type="text/css">
        .list {
            height: 100px;
            text-overflow-y: hidden;
            overflow: hidden;
            width: 300px;
            border: 1px solid #000;
            padding:0 5px;
        }
        .active{background:#b00;color:#fff;}
    </style>
</head>
<body>
<div id="list">
    <div>生活,　一半是回忆,　一半是继续~~</div>
    <div>对自己苛刻，疲##惫....从来不想责怪别人，只想做好自己，也从来都是我的不对。</div>
    <div>前进、前进、再前进！哈哈</div>
    <div>人生如戏~！何必在意...</div>
    <div>找份开心的工作过早上8点到晚上18点，找个喜欢的女人过晚上18点到早上8点。这就是生活</div>
    <div>宁可高傲的发霉，也不低调的凑合。我们，那被逼出来的成熟~</div>
</div>
<script type="text/javascript">
    var $ = $ || window;
    $.get = function (expr) {
        function clsMatcher(className){
            return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
        }
        var e = typeof expr == "string" ? document.getElementById(expr) : expr;
        var elem = {
            dom:e,
            addClass:function(className) {
                var oldCls = e.className;
                e.className = !oldCls ?
                        className :
                        clsMatcher(className).test(oldCls) ?
                                oldCls : [oldCls,className].join(" ");
                return this;
            },remove:function() {
                e.parentNode && e.parentNode.removeChild(e);
                r

最低0.47元/天解锁文章

tianhe8

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文字上下滚动特效

一、文字上下滚动特效 .list { height: 100px; text-overflow-y: hidden; overflow: hidden; width: 300px; border: 1px s
复制链接

扫一扫