jquery 组件 PHP,基于jquery的一个懒加载组件

这次给大家带来基于jquery的一个懒加载组件，基于jquery的懒加载组件的注意事项有哪些，下面就是实战案例，一起来看一下。

#home {

background: rgba(245, 245, 245, .8);

width: 1000px;

margin: 0 auto;

min-height: 500px;

padding: 30px;

.wrap {

position: relative;

width: 100%;

height: 299px;

box-sizing: border-box;

overflow: hidden;

background: #ffffff;

margin-bottom: 10px;

img {

display: block;

width: 60%;

height: 60%;

cursor: pointer;

margin: 20px auto;

}

&:hover {

transform: translate3d(0, -2px, 0);

box-shadow: 0 15px 30px rgba(0, 0, 0, .1);

}

&:hover .child {

/*animation: moveup .2s linear ;*/

transition: all .2s linear;

bottom: 0;

}

.child {

position: absolute;

bottom: -75px;

left: 0;

background: #ff6700;

width: 100%;

cursor: pointer;

height: 75px;

z-index: 1;

p {

color: #ffffff;

line-height: 25px;

font-size: 14px;

text-align: center;

&:nth-child(1) {

font-size: 16px;

font-weight: 600;

}

&:nth-child(2) {

}

}

}

}

}

class="wrap"

>

小米净水器(厨下式)

大流量直出纯净水，健康家庭必备

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：