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

我得到了JS代码,但我不怎么保留这个div中的CSS代码

救命

谢谢

===============>>#1 票数:0

.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
}

  ask by user3279494 translate from so

未解决问题?本站智能推荐:

1回复

jQuery插件无法正常运行

所以我试图使用jQuery插件来创建分页效果,如http://www.florianwacker.de/en/所示 我在http://www.alvarotrigo.com/fullPage/找到了插件的链接 这似乎很直接,但我不能让它工作。 这是HTML 这是我的网站
1回复

sarfari中的jquery插件错误

我有一个非常奇怪的错误,只在野生动物园出现。 单击此处,如果您向下上传照片部分并滑过转盘,您会注意到当滑转盘时宝丽来的底部保持静止,这是仅出于某种原因出现在野生动物园中,我100%是什么引起了问题?
1回复

jQuery颜色选择器插件

我在我的Web应用程序中使用了这个jquery颜色选择器插件http://www.eyecon.ro/colorpicker/ 。 一切工作正常,但是当我尝试在onBeforeShow上的调色板中设置原始颜色时,它不起作用。 HTML jQuery的 我正在使用onCha
1回复

带有其他JavaScript的jQuery插件干扰

所以我正在使用一个创建垂直分页动画的插件。 它基本上是制作一个全屏框,并在此框内移动“部分”。 这是帮助显示我的意思的html。 当您向下滚动时,我有一个简单的javascript函数可隐藏导航。 问题是,有了这个新插件,您实际上并没有向下滚动。 部分仅在固定的盒子内移动
1回复

jQuery Easy Tabs插件,无需转换

目前,我在我的网站上创建的某些标签上使用jQuery简易标签 。 如何禁用每个选项卡之间的默认动画过渡
2回复

插件中的元素将不接受jQuery方法

这是一个复选框修饰符插件。 如果您输入复选框种类,则此插件基本上会创建一个更美观的版本。 但是,我的变量之一似乎有问题。 输入theLabelSpinner变量。 该变量应该表示一个<span>元素,该元素将插入到相应复选框的标签中(通过jQuery)。 如果选中了当前
1回复

我如何添加结构样式到jQuery插件

我只是写了一个对表进行操作的jQuery插件(如网格插件)。 该插件添加了一些样式,如overflow:hidden; 到表格和表格的单元格和边框(为了保持一致的边框宽度,我添加了: .MyTable {border-width:0 0 1px 1px;}和.MyTable > t
1回复

scrollnav.js小节不起作用

所以我偶然发现了scrollnav.js ,这看起来真的很好。 在文档上说它支持子部分,可以使用key:value对激活。 我确实将subSections键设置为true,但是我看不到它起作用。 我希望看到的内容类似于Bootstrap文档侧边栏。 子节缩进的位置。 我想将h2作为主要
1回复

使用JS / jQuery获取未显示图像的宽度[关闭]

请看看jsFiddle 运行它时,我想获取图像的宽度,但是得到以下值(在JS控制台中查看) 有些是零。 我不知道为什么会这样。 而且总是不同的。 如果几次刷新小提琴(F5),您将获得不同的宽度值。 有时正确的宽度,有时只是0。 本地(将图像保存到我的硬盘上)是相同的。
1回复

鼠标滚轮不起作用(mCustomScrollbar jQuery插件)

我正在寻找我的问题的解决方案,但我找不到它。 所以我下载了jQuery插件(mCustomScrollbar),一切都很好没有一件事 - 我无法在我的测试页面中通过鼠标滚动滚动。 控制台很清楚,作者的例子很有用。 我尝试在最新的Firefox和Chrome中运行我的代码,但代码无效。