【问题标题】:Recover an plug-in JS恢复一个插件JS
【发布时间】:2014-04-19 23:30:53
【问题描述】:

我想从本站获取图片网格插件代码:http://www.systran.fr/

我得到了 JS 代码,但我不知道如何从这个 div 中保留 CSS 代码

帮助

谢谢

【问题讨论】:

    标签: javascript jquery html css jquery-plugins


    【解决方案1】:
    .gridShow {
        background-repeat: none;
        width: 100%;
        position: relative;
        height: 421px
    }
    
    .gridShow ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-left: -1px
    }
    
    .gridShow ul li {
        background: #009cd3;
        width: 319px;
        height: 210px;
        float: left;
        margin: 0 0 1px 1px;
        display: none
    }
    
    .gridShow ul li:hover {
        background: url('../img/common/bg-item-gridshow.png?1376664734')
    }
    
    .gridShow ul li.active .txt-container {
        background: url('../img/common/bg-item-gridshow.png?1376664734')
    }
    
    .gridShow ul li.active h3 {
        visibility: visible
    }
    
    .gridShow ul li.active .btn, .gridShow ul li.active body #container .post .infos p + a, body #container .post .infos .gridShow ul li.active p + a, .gridShow ul li.active button, .gridShow ul li.active input[type='submit'], .gridShow ul li.active .form-container #cform .upload-box .upload-btn, .form-container #cform .upload-box .gridShow ul li.active .upload-btn, .gridShow ul li.active .form-container #cform-popup .upload-box .upload-btn, .form-container #cform-popup .upload-box .gridShow ul li.active .upload-btn, .gridShow ul li.active .grayarea .thumb + div h5 + a, .grayarea .thumb + div .gridShow ul li.active h5 + a, .gridShow ul li.active .grayarea .thumb + div h5 + p > a, .grayarea .thumb + div .gridShow ul li.active h5 + p > a, .gridShow ul .discover-list li.active a, .discover-list .gridShow ul li.active a, .gridShow ul li.active .studies-list .logo + div + div a, .studies-list .logo + div + div .gridShow ul li.active a, .gridShow ul li.active .press-list div + div a, .press-list div + div .gridShow ul li.active a, .gridShow ul li.active .home #sbox .sbox_btn a, .home #sbox .sbox_btn .gridShow ul li.active a, .gridShow ul li.active .reseller-box a[href*="http"], .reseller-box .gridShow ul li.active a[href*="http"] {
        visibility: visible
    }
    
    .gridShow ul li h3 {
        margin-bottom: 2px;
        visibility: hidden;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }
    
    .gridShow ul li p {
        font-family: DinBold;
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 20px
    }
    
    .gridShow ul li .btn, .gridShow ul li body #container .post .infos p + a, body #container .post .infos .gridShow ul li p + a, .gridShow ul li button, .gridShow ul li input[type='submit'], .gridShow ul li .form-container #cform .upload-box .upload-btn, .form-container #cform .upload-box .gridShow ul li .upload-btn, .gridShow ul li .form-container #cform-popup .upload-box .upload-btn, .form-container #cform-popup .upload-box .gridShow ul li .upload-btn, .gridShow ul li .grayarea .thumb + div h5 + a, .grayarea .thumb + div .gridShow ul li h5 + a, .gridShow ul li .grayarea .thumb + div h5 + p > a, .grayarea .thumb + div .gridShow ul li h5 + p > a, .gridShow ul .discover-list li a, .discover-list .gridShow ul li a, .gridShow ul li .studies-list .logo + div + div a, .studies-list .logo + div + div .gridShow ul li a, .gridShow ul li .press-list div + div a, .press-list div + div .gridShow ul li a, .gridShow ul li .home #sbox .sbox_btn a, .home #sbox .sbox_btn .gridShow ul li a, .gridShow ul li .reseller-box a[href*="http"], .reseller-box .gridShow ul li a[href*="http"] {
        visibility: hidden;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }
    
    .gridShow ul li img {
        display: none
    }
    
    .gridShow .txt-container {
        padding: 25px 18px 25px 25px;
        position: relative;
        height: 210px;
        top: 0;
        left: 0;
        z-index: 20
    }
    
    .gridShow .incruste {
        position: absolute;
        z-index: 0;
        width: 319px !important;
        height: 210px !important;
        top: 0;
        left: 0
    }
    
    .gridShow .incruste.ontop {
        z-index: 1
    }
    
    .gridShow .filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 319px !important;
        height: 210px !important;
        z-index: 2
    }
    
    .gridShow .shAdapt {
        height: 120px;
        overflow: hidden
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-03-12
      • 1970-01-01
      • 2017-07-12
      • 1970-01-01
      • 2023-01-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多