哪位神能提取这个页面左侧的漂浮啊! [复制链接]
查看:82 | 回复:7

难人 · 发表于 2013-6-18 16:32:49

http://sale.jd.com/act/2gHcKJzR4Y.html
京东促销页面左面的那个漂浮特效!!
提取了一下午,不得其法啊

用户名 · 发表于 2013-6-18 16:36:48

这个很难?

qy117121 · 发表于 2013-6-18 16:37:43

额

nswdhy · 发表于 2013-6-18 16:42:03

[ol]

618老刘专场 - 京东商城

.single-place{position:absolute;bottom:0;left:0;}

/*左右栏布局*/

.right-left-mid-lay{overflow:hidden;zoom:1;}

.right-left-left{width:190px;float:left;overflow:hidden;height:200px;margin-right:7px;padding-bottom:12px;position:relative;}

.right-left-right-extra{float:right;width:789px;overflow:hidden;position:relative;padding-bottom:10px;height:200px;}

.right-left-place{position:absolute;bottom:0;left:0;}

/*左右栏布局*/

.jBannerHtml-86749 {overflow:hidden;}

.jBannerHtml-86749 .jbannerImg{position:relative; overflow:hidden; height:200px; margin:0 auto;}

.jBannerHtml-86749 .jbannerImg .item{display:none;}

.jBannerHtml-86749 .jbannerImg .item.show{display:block;}

.jBannerHtml-86749 .jbannerTab{overflow:hidden; text-align:center; padding:10px 5px 0 10px;}

.jBannerHtml-86749 .jbannerTab ul{}

.jBannerHtml-86749 .jbannerTab li{float:left; margin-right:5px; cursor:pointer;}

.jBannerHtml-86749 .jbannerTab span{width:234px; height:68px; display:block; text-indent:-9999px;}

.jBannerHtml-86749 .jbannerTab span.a1{background-image:url(

);}

.jBannerHtml-86749 .jbannerTab span.a1.show{background-image:url(

);}

.jBannerHtml-86749 .jbannerTab span.a2{width:269px; background-image:url(

);}

.jBannerHtml-86749 .jbannerTab span.a2.show{background-image:url(

);}

.jBannerHtml-86749 .jbannerTab span.a3{background-image:url(

);}

.jBannerHtml-86749 .jbannerTab span.a3.show{background-image:url(

);}

.jLimitTimeBuy-87184 {clear:both; overflow:hidden;}

.jLimitTimeBuy-87184 .mt{}

.jLimitTimeBuy-87184 .mc{}

.jLimitTimeBuy-87184 ul{}

.jLimitTimeBuy-87184 li{border:solid 1px #9f0b15; overflow:hidden;}

.jLimitTimeBuy-87184 .jItem{padding:2px; border:solid 1px #fc3544; background:#c81623;}

.jLimitTimeBuy-87184 .jPic{background:#fff url(

) right bottom no-repeat; text-align:center; position:relative;}

.jLimitTimeBuy-87184 .jPic a{display:block; height:160px; padding:20px 0; overflow:hidden;}

.jLimitTimeBuy-87184 .jPic img{vertical-align:top; display:block; margin:0 auto; background:url(

);}

.jLimitTimeBuy-87184 .jGoodsInfo{position:relative; height:100%;}

.jLimitTimeBuy-87184 .jDesc{height:32px; line-height:1.3; color:#fff; overflow:hidden; padding:5px 10px 0; *padding-top:2px; margin-bottom:3px;}

.jLimitTimeBuy-87184 .jDesc a{color:#fff;}

.jLimitTimeBuy-87184 .jDesc a:hover{text-decoration:underline;}

.jLimitTimeBuy-87184 .jPrice{height:36px; background:#fff; overflow:hidden; padding:6px 8px 7px 8px;}

.jLimitTimeBuy-87184 .jPrice span{float:left;}

.jLimitTimeBuy-87184 .jSalePrice{color:#4a4a4a; overflow:hidden; margin-top:2px; _margin-top:-5px; clear:both;}

.jLimitTimeBuy-87184 .jSalePrice .jText{font-size:14px; text-decoration:line-through;}

.jLimitTimeBuy-87184 .jSalePrice .jRmb, .jLimitTimeBuy-87184 .jSalePrice .jsNum{text-decoration:line-through;}

.jLimitTimeBuy-87184 .jSalePrice .jsNumNo{font-size:14px;}

.jLimitTimeBuy-87184 .jdPrice{color:#a90000; overflow:hidden; clear:both;}

.jLimitTimeBuy-87184 .jdPrice .jText{font-size:14px;}

.jLimitTimeBuy-87184 .jdPrice .jRmb, .jLimitTimeBuy-87184 .jdPrice .jdNum{font-size:20px;}

.jLimitTimeBuy-87184 .jdPrice .jdNumNo{font-size:14px;}

.jLimitTimeBuy-87184 .jLimitTime{height:50px; line-height:50px; background:url(

) repeat-x; color:#5a5a5a; font-size:14px; overflow:hidden; text-align:center;}

.jLimitTimeBuy-87184 .jLimitTime span{float:left; width:50px; height:40px; padding:5px 10px; font-size:18px; font-weight:bold; line-height:1.1; color:#fff; background:#cf1725; text-align:center;}

.jLimitTimeBuy-87184 .jLimitTime em{font-size:30px; padding:0 2px;}

.jLimitTimeBuy-87184 .jLimitTime a{color:#005EA7;}

.jLimitTimeBuy-87184 .jPromotionLabel{width:40px; height:38px; padding-top:3px; padding-left:8px; line-height:16px; background:url(

) -219px 0 no-repeat; position:absolute; right:10px; top:10px; color:#FFFFFF; font-family:"microsoft yahei"; font-weight:bold;}

.jLimitTimeBuy-87184 .jPromotionLabel.jEndBuy{background-position:-270px 0;}

.jLimitTimeBuy-87184 .jPromotionNum{font-size:18px; line-height:20px; display:block;}

.jLimitTimeBuy-87184 .jBtnArea{position:absolute; right:10px; bottom:3px;}

.jLimitTimeBuy-87184 .jBtnArea a{display:block; background:url(

) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img12.360buyimg.com/cms/g12/M00/0B/0C/rBEQYFGlXboIAAAAAAAQhsDE5nAAACOaAP_7kwAABCe588.png'); _background-image:none; width:85px; height:42px; text-indent:-9999px;}

.htmlContent-21 table a img{display:block;}

.jImgShow-84525 .mt{}

.jImgShow-84525 .mc{background:#fff; overflow:hidden; padding-bottom:5px;}

.jImgShow-84525 .mb{display:none;}

.jImgShow-84525 .mc ul{padding-left:7px;padding-top:5px;}

.jImgShow-84525 li{overflow:hidden; float:left; margin:5px 5px 5px 5px;}

.jImgShow-84525 .jItem{margin:0 auto; overflow:hidden;}

.jImgShow-84525 .jPic{overflow:hidden;}

.jImgShow-84525 .jPic img{vertical-align:top; display:block;}

.jImgShow-84525 .jPic a{display:none;}

.jImgShow-84525 .jPic a.current{display:block;}

.jImgShow-84525 .j-module{width:100%;}

[img][/img]

[/ol]复制代码

shuir · 发表于 2013-6-18 16:43:08

最简单的漂浮啦
去jb51.net找找

1212 · 发表于 2013-6-18 16:59:14

4L给力啊

sdgl212 · 发表于 2013-6-18 17:00:47

找代码的网站不是有很多吗?

rqliang · 发表于 2013-6-18 17:05:52

[ol]

[img][/img]
[/ol]复制代码

哪位神能提取这个页面左侧的漂浮啊! [复制链接] 查看:82 | 回复:7

哪位神能提取这个页面左侧的漂浮啊! [复制链接]
查看:82 | 回复:7