jquery文本向上滚动代码带上下翻转按钮

最新推荐文章于 2018-05-17 20:32:02 发布

VIP文章金双林

最新推荐文章于 2018-05-17 20:32:02 发布

阅读量2.1k

点赞数 1

分类专栏： Jquery .net 代码 Ajax

本文链接：https://blog.csdn.net/jsl1933291679/article/details/52121677

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jquery文本向上滚动代码带上下翻转按钮</title>
    <style type="text/css">
        body
        {
            color: #333;
            font-size: 13px;
        }
        h3, ul, li
        {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .scrollbox
        {
            width: 400px;
            padding: 10px;
            border: #ccc 1px solid;
        }
        #scrollDiv
        {
            width: 400px;
            height: 170px;
            overflow: hidden;
        }
        /*这里的高度和超出隐藏是必须的*/
        #scrollDiv li
        {
            height: 55px;
            line-height: 55px;
            vertical-align: bottom;
            zoom: 1;
        }
        #scrollDiv li a
        {
            color: #333;
            text-decoration: none;
        }
        #scrollDiv li a:hover
        {
            color: #FF0000;
        }
        
        .scroltit
        {
            height: 26px;
            line-height: 26px;
            border-bottom: #CCC dashed 1px;
            padding-bottom: 4px;
            margin-bottom: 4px;
        }
        .scroltit h3
        {
            width: 100px;
            float: left;
        }
        .scroltit small
        {
            float: right;
            font-size: 13px;

最低0.47元/天解锁文章

金双林

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery文本向上滚动代码带上下翻转按钮

jquery文本向上滚动代码带上下翻转按钮 body { color: #333; font-size: 13px; } h3, ul, li { margin: 0; padding: 0;
复制链接

扫一扫