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

哪位神能提取这个页面左侧的漂浮啊!

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

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

这个很难?

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

额   

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

[*]
[*]
[*]
[*]   
[*]      
[*]                        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(http://img13.360buyimg.com/cms/g15/M04/00/14/rBEhWVG0RLgIAAAAAABPKUJBJSYAAAH9AFTGGcAAE9B073.png);}
[*].jBannerHtml-86749 .jbannerTab span.a1.show{background-image:url(http://img13.360buyimg.com/cms/g13/M06/00/14/rBEhUlG0RMgIAAAAAABJ3AWkE3wAAAH4gFAfSoAAEn0978.png);}
[*].jBannerHtml-86749 .jbannerTab span.a2{width:269px; background-image:url(http://img14.360buyimg.com/cms/g13/M05/00/14/rBEhUlG0RL4IAAAAAABXrs78Dy0AAAH4QP-qpgAAFfG364.png);}
[*].jBannerHtml-86749 .jbannerTab span.a2.show{background-image:url(http://img14.360buyimg.com/cms/g13/M06/00/14/rBEhUlG0RM0IAAAAAABRgGQyarEAAAH4gIN04AAAFGY714.png);}
[*].jBannerHtml-86749 .jbannerTab span.a3{background-image:url(http://img12.360buyimg.com/cms/g13/M06/00/14/rBEhU1G0RMMIAAAAAABOuqCdf3AAAAH4gCVrFoAAE7S295.png);}
[*].jBannerHtml-86749 .jbannerTab span.a3.show{background-image:url(http://img11.360buyimg.com/cms/g15/M04/00/14/rBEhWFG0RNgIAAAAAABI-aKywicAAAH9ALQWVQAAEkR690.png);}
[*].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(http://img14.360buyimg.com/cms/g12/M00/0B/0C/rBEQYVGlY3wIAAAAAAALYqBk364AACOWgFul-wAAAt6568.png) 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(http://img12.360buyimg.com/cms/g13/M03/01/06/rBEhUlG7HjgIAAAAAAAXITf0eFMAAAO3QM5fMUAABc5466.gif);}
[*].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(http://img11.360buyimg.com/cms/g12/M00/0B/0C/rBEQYVGlXbMIAAAAAAAFo-AZYXwAACOXwP_-TgAAAW7905.gif) 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(http://misc.360buyimg.com/product/skin/2012/i/20120209D.png) -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(http://img12.360buyimg.com/cms/g12/M00/0B/0C/rBEQYFGlXboIAAAAAAAQhsDE5nAAACOaAP_7kwAABCe588.png) 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%;}
[*]      
[*]
[*]      
[*]
[*]
[*]
[*]
[*]
[*]
[*]
[*]      
[*]               
[*]                        


[*]                        
[*]               
[*]         
[*]
[*]
[*]
[*]      
[*]
[*]      
[*]
[*]
[*]
[*]复制代码

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

[*]

       复制代码
页: [1]
查看完整版本: 哪位神能提取这个页面左侧的漂浮啊!