zoukankan      html  css  js  c++  java
  • 两排滚动js

    html:

        <div class="mr_frbox">
            <div class="showtitle">
                <span>产品展示</span>
                <span class="show-right">News</span>
            </div>
            <div class="og_prev prev"></div>
            <div class="mr_frUl">
                <ul class="showlist">
                    <li>
                        <a href="#">
                            <img src="images/hb_14.jpg" width="220" height="167" />
                            <p>尾气吸收塔</p>
                        </a>
                        <a href="#">
                            <img src="images/hb_14.jpg" width="220" height="167" />
                            <p>尾气吸收塔</p>
                        </a>
                    </li>
                    
                </ul>
            </div>
            <div class="og_next next"></div>
        </div>

    js

    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide2.js"></script>

    css

    /* scroll */
    /* .scroll{position:relative;}
    .picbox{background:#fff;position:relative;}
    .goodlist p{text-align:center;} */
    /* scroll */
    .scroll{1100px;margin:0 auto;position:relative;overflow:hidden;}
    .picbox{height:600px;background:#fff;overflow:hidden;position:relative;margin:15px;}
    .picbox ul{height:285px;padding-top:5px;}
    .piclist{position:absolute;left:0px;top:0px;}
    .swaplist{position:absolute;left:-3000px;top:0px;}
    .swaplist{
        clear:both;
        display:block;
        margin-top:40px;
    }
    .swaplist li{
        
        height:169px;
        border:1px solid #ccc;
        float:left;
        margin-right:32px;
        margin-left:18px;
        margin-bottom:50px;
    }
    /* btn */
    .mr_frUl{
    /*     margin-left:12px; */
    }
    .mr_frbox{
        position:relative;
    }
    .showtitle{
        margin-bottom:50px;
    }
    .showlist a img{
         border:1px solid #ccc;
        222px;
        height:169px;
    }
    .showlist p{
        height:32px;
        line-height:32px;
        margin-bottom:30px;
        text-align:center;
    }
    .prev{
        background:url('../images/bt_03.jpg') center no-repeat;
        18px;
        height:41px;
        cursor: pointer;
        position:absolute;
        left:0px;
        top:278px;
        z-index:9999;
    }
    .next{
        background:url('../images/bt_05.jpg') center no-repeat;
        18px;
        height:41px;
        cursor: pointer;
        position:absolute;
        right:0px;
        top:278px;
        z-index:9999;
    }
    .tempWrap{
        1100px !important;
    }

  • 相关阅读:
    三步堵死SQL注入漏洞
    现在与大家探讨安全
    如何在SQL注入时保护数据库
    SQL注入与ASP木马上传
    C# 检查字符串,防SQL注入攻击
    关于对SQL注入80004005 及其它错误消息分析
    SQL注入入侵动网SQL版论坛
    天晨设计整站SQL注入漏洞
    用vbs来写sql注入等80端口的攻击脚本
    利用SQL注入2分钟入侵网站全程实录
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5454842.html
Copyright © 2011-2022 走看看