jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)

最新推荐文章于 2024-04-23 11:28:13 发布

0?0

最新推荐文章于 2024-04-23 11:28:13 发布

阅读量231

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_42301962/article/details/100578328

版权

自己搜的代码，亲测好使，可以根据自己的需要进行样式及js修改

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)</title>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <style>
        body {
            max-width:768px;
            min-width:320px;
            font-family:'微软雅黑',"宋体";
            min-height:100%;
            position:relative;
            margin:auto;
            background:#e9e9e9;
            width:100%;
        }
        ::-webkit-scrollbar {
            width:0px
        }
        a:link,a:visited,a:hover,a:active {
            text-decoration:none;
            -webkit-tap-highlight-color:transparent;
        }
        ul,li,dl,dd,h1,h2,h3,h4,h5,h6,p,input {
            margin:0;
            padding:0;
            list-style:none;
        }
        .panel {
            width:100%;
            text-align:center;
            background:#000;
            margin-top:30px;
        }
        .panel_zhong {
            font-size:18px;
            padding-left:20px;
            height:34px;
            line-height:34px;
            color:#fff;
        }
        /*获奖名单-无缝滚动 上下*/
        .activity {
            width:100%;
            margin:0 auto;
            position:relative;
            overflow:hidden;
            height:165px;
            text-align:center;
            background-color:#fff;
        }
        .activity ul {
            top:-15px;
            padding:0;
            color:#666;
            position:relative;
        }
        .activity li {
            height:34px;
            padding:0;
            font-size:14px;
            line-height:34px;
            list-style:none;
            border-bottom

最低0.47元/天解锁文章

0?0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)

自己搜的代码，亲测好使，可以根据自己的需要进行样式及js修改<!doctype html><html><head> <meta charset="utf-8"> <title>jQuery新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)</title> <script src="htt...
复制链接

扫一扫

专栏目录