设为首页 收藏本站
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

[图片轮播] 店铺首屏 分类+轮播 代码特效

6 2572
本人在建缘网的效果集合:http://yang.jy47.com/




代码效果如图:


QQ截图20161213110043.jpg

代码分享:

  1. <style>
  2. .user_s20081-2049527 {font-family:"微软雅黑","黑体"; overflow:hidden;margin:0 auto;}
  3. .user_s20081-2049527 .mt{display:none; }
  4. .user_s20081-2049527 .mc{overflow:hidden; }
  5. .user_s20081-2049527 .j-module{overflow:hidden; position:relative;}

  6. .user_s20081-2049527 .items .items-inner{width:100000px;}
  7. .user_s20081-2049527 .items{overflow:hidden;position:relative;}
  8. .user_s20081-2049527 .items ul{overflow:hidden;}
  9. .user_s20081-2049527 .items ul.show{}
  10. .user_s20081-2049527 .items.items_transparentEffect ul{overflow:hidden; position:absolute;}
  11. .user_s20081-2049527 .items.items_transparentEffect ul.show{ z-index:1;}


  12. .user_s20081-2049527 .jPreOut_6 {width:48px;height:48px;overflow:hidden;cursor:pointer;position:absolute;left:15%;top:40%;background:url('//img11.360buyimg.com/cms/jfs/t3454/354/1656894294/1235/addacfe5/582d6e88Ne22d44fa.png') left center no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.5;z-index:1;}
  13. .user_s20081-2049527 .jNextOut_6{width:48px;height:48px;overflow:hidden;cursor:pointer;position:absolute;right:15%;top:40%;background:url('//img11.360buyimg.com/cms/jfs/t3454/354/1656894294/1235/addacfe5/582d6e88Ne22d44fa.png') right center  no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);opacity:0.5;z-index:1;}

  14. .user_s20081-2049527 .mask{ height:30px; position:absolute; bottom:0; right:0px; left:0px; background:#fff;filter:alpha(opacity=30); opacity: 0.3;}

  15. .user_s20081-2049527 .jSortTab_1 {text-align:center; position: absolute; left:0px; right:0px; bottom:10px; height:30px; overflow:hidden; z-index:5;}
  16. .user_s20081-2049527 .jSortTab_1 span{ display:inline-block; width:20px; height:20px; line-height:18px; text-align:center; overflow:hidden; cursor:pointer; margin:0 2px; border-radius:20px; font-size:12px;}

  17. .user_s20081-2049527 .jSortTab_3 { height:24px; position:absolute; bottom:0; right:0px; left:0px; text-align:center; z-index:5;}
  18. .user_s20081-2049527 .jSortTab_3 span{cursor:pointer;text-align:center; overflow:hidden; margin:0 3px; padding:4px 60px;}

  19. .user_s20081-2049527 .jSortTab_5 {text-align:center; position: absolute; left:0px; right:0px; bottom:10px; height:30px; overflow:hidden; z-index:5;}
  20. .user_s20081-2049527 .jSortTab_5 span{ display:inline-block; width:20px; height:20px; line-height:18px; text-align:center; overflow:hidden; cursor:pointer; font-size:12px; margin:0 3px;}



  21. .user_s20081-2049527 .user_left{ width:200px; position:absolute; left:17.9%; margin-left:17px; top:0%; z-index:2; overflow:hidden;}
  22. .user_s20081-2049527 .user_left .box{ float:left; width:200px; }
  23. .user_s20081-2049527 .user_left .box .box1{ float:left; width:198px; height:82px; overflow:hidden; border-right:1px solid #dedede; border-left:1px solid #dedede; }
  24. .user_s20081-2049527 .user_left .box .box1 .text1{ float:left; width:168px; height:25px; line-height:25px;  margin-top:4px; margin-left:15px;  font-size:14px; text-indent:30px; overflow:hidden;}
  25. .user_s20081-2049527 .user_left .box .box1 .lable1{ float:left; width:176px; height:48px; line-height:24px;  margin-left:15px; font-size:12px; font-family:"微软雅黑"; text-align:left; overflow:hidden;}
  26. .user_s20081-2049527 .user_left .box .box1 .lable1 a{ display:inline-block; text-align:center; padding:0 5px; }




  27. .user_s20081-2049527 .user_right{ width:190px; height:500px; position:absolute; right:19%; margin-left:17px; top:0%; z-index:2; overflow:hidden;}
  28. .user_s20081-2049527 .user_right .img{ float:left; width:190px; height:166px; overflow:hidden; border-bottom:1px solid #b3d6dc; background-color:#ffffff;}

  29. .user_s20081-2049527 .user_right .img a{ transition:all 0.4s ease;}
  30. .user_s20081-2049527 .user_right .img a:hover{filter:alpha(opacity=50); opacity: 0.5;}
  31.        
  32. .user_a1_1{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  33. .user_a1_1:hover{ color:#ffffff; text-decoration:underline;}

  34. .user_a1_3{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  35. .user_a1_3:hover{ color:#ffffff; text-decoration:underline;}

  36. .user_a2_1{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  37. .user_a2_1:hover{ color:#ffffff; text-decoration:underline;}

  38. .user_a2_6{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  39. .user_a2_6:hover{ color:#ffffff; text-decoration:underline;}

  40. .user_a3_3{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  41. .user_a3_3:hover{ color:#ffffff; text-decoration:underline;}

  42. .user_a3_4{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  43. .user_a3_4:hover{ color:#ffffff; text-decoration:underline;}

  44. .user_a4_4{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  45. .user_a4_4:hover{ color:#ffffff; text-decoration:underline;}

  46. .user_a4_6{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  47. .user_a4_6:hover{ color:#ffffff; text-decoration:underline;}

  48. .user_a5_5{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  49. .user_a5_5:hover{ color:#ffffff; text-decoration:underline;}

  50. .user_a6_2{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  51. .user_a6_2:hover{ color:#ffffff; text-decoration:underline;}

  52. .user_a7_3{ background-color:#ff9900; border-radius:10px; color:#ffffff; text-align:center;}
  53. .user_a7_3:hover{ color:#ffffff; text-decoration:underline;}
  54. </style>
  55. <style type="text/css">

  56. .user_font_1{color:#bb0303;}
  57. .user_font_2{color:#888888;}
  58. .user_font_3{color:#ffffff;}
  59. .user_font_4{color:#ce171f;}
  60. .user_font_tag{color:#0a0a0a;}
  61. .user_font_price{color:#bb0303;}


  62. .user_a_1{color:#888888;}
  63. .user_a_1:hover{color:#bb0303;}
  64. .user_a_2{color:#bb0303;}
  65. .user_a_2:hover{color:#bb0303;}
  66. .user_a_3{color:#ffffff;}
  67. .user_a_3:hover{color:#ffffff;}
  68. .user_a_4{color:#888888;}
  69. .user_a_4:hover{color:#888888;}
  70. .user_a_8{color:#bb0303;}
  71. .user_a_8:hover{color:#ce171f;}
  72. .user_a_9{color:#ce171f;}
  73. .user_a_9:hover{color:#bb0303;}


  74. .user_a_cat a{color:#888888;}
  75. .user_a_cat:hover .t a{color:#ffffff;}
  76. .user_a_cat a:hover{color:#ffffff;}

  77. .user_a_cat_4 .user-t1{border-left:2px solid #ffffff;}
  78. .user_a_cat_4:hover .user-t1{border-left:2px solid #ce171f; background-color:#f9f9f9;}
  79. .user_a_cat_4 .user-t2 a:hover{ background-color:#f9f9f9;}

  80. .user_a_cat_5{border-left:2px solid #ffffff;}
  81. .user_a_cat_5:hover{border-left:2px solid #ce171f;}

  82. .user_cateShow2_3 .key a{ border-bottom:1px dotted #efecec;border-left:2px solid #ffffff;}
  83. .user_cateShow2_3 .key a:hover{ background-color:#f9f9f9;border-left:2px solid #ce171f;}


  84. .user_bgcolor_1{ background-color:#bb0303;}
  85. .user_bgcolor_2{ background-color:#ce171f;}
  86. .user_bgcolor_3{ background-color:#ffffff;}

  87. .user_bgcolor_6{ background-color:#f1f1f1;}
  88. .user_bgcolor_7{ background-color:#f5f5f5;}
  89. .user_bgcolor_8{ background-color:;}
  90. .user_bgcolor_9{ background-color:#ffffff;}
  91. .user_bgcolor_9:hover{ background-color:#ebeaea;}



  92. .user_bgcolor_but{ background-color:#bb0303;}
  93. .user_bgcolor_but2{ background-color:#ce171f;}

  94. .user_bgcolor_but_hover{ background-color:#bb0303; transition:all 0.2s ease;}
  95. .user_bgcolor_but_hover:hover{ background-color:#ce171f;}


  96. .user_bgcolor_hover_1:hover{ background-color:#ce171f;}

  97. .user_bgcolor_hover_2{ background-color:#ffffff;}
  98. .user_bgcolor_hover_2:hover{ background-color:#ce171f;}


  99. .user_bgcolor_span_3 span{ background-color:#ce171f;}
  100. .user_bgcolor_span_3 span.show{ background-color:#bb0303;}

  101. .user_bgcolor_span_4 span{ background-color:#ffffff; color:#bb0303;}
  102. .user_bgcolor_span_4 span.show{ background-color:#bb0303; color:#ffffff;}



  103. .user_border_1{border:solid 1px #dedede;}
  104. .user_border_2{border:solid 1px #ce171f;}
  105. .user_border_3{border:3px solid #ce171f;}
  106. .user_border_4{border:solid 1px #ce171f;}

  107. .user_border_search{border:solid 1px #bb0303;}
  108. .user_border_6{border:1px dashed #ffffff;}
  109. .user_border_7{border:2px solid #bb0303;}


  110. .user_border_color_2{ border-color:#ce171f;}


  111. .user_border_dashed_bottom{border-bottom:dashed 1px #dedede;}
  112. .user_border_dashed_left{border-left:dashed 1px #dedede;}
  113. .user_border_dashed_right{border-right:dashed 1px #dedede;}
  114. .user_border_dashed_top{border-top:dashed 1px #dedede;}

  115. .user_border_dotted{border:1px dotted #dedede;}

  116. .user_border_right{border-right:solid 1px #dedede;}
  117. .user_border_top_1{border-top:solid 1px #dedede;}
  118. .user_border_1px_bottom{border-bottom:1px solid #dedede;}
  119. .user_border_1px_left{border-left:1px solid #dedede;}
  120. .user_border_1px_right{border-right:1px solid #dedede;}

  121. .user_border_2px_bottom{border-bottom:2px solid #bb0303;}

  122. .user_border_hover_1{border:solid 1px #dedede;}
  123. .user_border_hover_1:hover{border:solid 1px #ce171f;}

  124. .user_border_hover_3{border:solid 3px #dedede;}
  125. .user_border_hover_3:hover{border:solid 3px #ce171f;}

  126. .user_border_show_3{border:solid 3px #dedede;}
  127. .user_border_show_3.show{border:solid 3px #ce171f;}


  128. .user_border_show_1{border:solid 1px #dedede;}
  129. .user_border_show_1.show{border:solid 1px #ce171f;}


  130. .user_border_show_2{border-right:solid 1px #dedede; border-bottom:1px #dedede solid; background-color:#f9f9f9; }
  131. .user_border_show_2.show{ border-right:solid 1px #dedede; border-bottom:1px #ffffff solid; background-color:#ffffff;}


  132. .user_item .user_border_bottomhover{border-bottom:2px solid #ffffff;}
  133. .user_item:hover .user_border_bottomhover{border-bottom:2px solid #ce171f;}

  134. .user_clear_box{ clear:both; height:0px; font-size:1px; line-height:0px; overflow:hidden;}


  135. .user_jSortTab_1{}
  136. .user_jSortTab_1 span{ color:#bb0303;}
  137. .user_jSortTab_1 span.current{ background-color:#bb0303; color:#ffffff;}

  138. .user_jSortTab_2{}
  139. .user_jSortTab_2 span{ border:solid 1px #dedede;}
  140. .user_jSortTab_2 span.current{border:solid 1px #ce171f;}

  141. .user_jSortTab_3{ background-color:#ffffff; transition: all 0.4s ease 0s;}
  142. .user_jSortTab_3 .jBuy .jTitle a{ color:#888888; transition: all 0.4s ease 0s;}
  143. .user_jSortTab_3 .jBuy .jBtnbox .jprice { color:#bb0303; transition: all 0.4s ease 0s;}
  144. .user_jSortTab_3 .jBuy .jBtnbox .buybtn {background-color:#bb0303; transition: all 0.4s ease 0s;}
  145. .user_jSortTab_3 .jBuy .jBtnbox .buybtn a{ color:#ffffff; transition: all 0.4s ease 0s;}
  146. .user_jSortTab_3:hover{ background-color:#bb0303;}
  147. .user_jSortTab_3:hover .jBuy .jTitle a{ color:#ffffff;}
  148. .user_jSortTab_3:hover .jBuy .jBtnbox .jprice { color:#ffffff;}
  149. .user_jSortTab_3:hover .jBuy .jBtnbox .buybtn {background-color:#ffffff;}
  150. .user_jSortTab_3:hover .jBuy .jBtnbox .buybtn a{ color:#bb0303;}

  151. .user_jpage em{color:#888888;}
  152. .user_jpage span{color:#888888; border:1px solid #888888;}
  153. .user_jpage a{border:1px solid #888888; color:#888888;}
  154. .user_jpage a:hover{color:#bb0303;}
  155. .user_jpage .current{color:#bb0303;}

  156. .user_jSortTab_04 .items a{border:3px solid #dedede;}
  157. .user_jSortTab_04 .items a:hover{border:3px solid #ce171f;}
  158. .user_jSortTab_04 .items.current a{border:3px solid #ce171f;}

  159. .user_jSortTab_05{border-bottom:2px solid #ce171f;}
  160. .user_jSortTab_05 a{border:1px solid #ce171f; color:#bb0303; background:#ffffff; border-left:none;}
  161. .user_jSortTab_05 a.current{border:1px solid #ce171f; background-color:#bb0303;color:#ffffff;}

  162. .user_jSortTab_19{border-bottom:2px solid #ce171f;}
  163. .user_jSortTab_19 a{ color:#888888; background-color:#ffffff; border-right:1px solid #dedede;}
  164. .user_jSortTab_19 a.current{ background-color:#bb0303; color:#ffffff;}

  165. .user_jSortTab_29{}
  166. .user_jSortTab_29 span{ color:#bb0303;}
  167. .user_jSortTab_29 span.current a{ background-color:#ffffff; color:#bb0303; z-index:1; border-left:1px solid #dedede; border-right:1px solid #dedede;}


  168. .user_jSortTab_32 .item:hover{ background:#ce171f;}
  169. .user_jSortTab_32 .item.current{ background:#ce171f;}



  170. .user_border .jBuy{ border-top:1px solid #dedede;}
  171. .user_border:hover .jBuy{ border-top:1px solid #ce171f;}





  172. .user_c{border:1px solid #dedede; background:@user_bgcolor_3;}
  173. .user_c dl{border-right:1px solid #dedede; color:@user_font_2;}

  174. .user_jCurrent{border:1px solid #dedede;}
  175. .user_jCurrent.jCurrent{border:1px solid #ce171f;}




  176. </style><style type="text/css">
  177. .user_alternate .items ul img{-webkit-animation:jiru 5s linear infinite alternate;-moz-animation:jiru 5s linear infinite alternate;-o-animation:jiru 5s linear infinite alternate; -ms-animation:jiru 5s linear infinite alternate; animation:jiru 5s linear infinite alternate;}
  178. @keyframes jiru{
  179. from{transform: scale(1);-ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);-o-transform:scale(1);}
  180. to{transform: scale(1.08);-ms-transform:scale(1.08); -moz-transform:scale(1.08); -webkit-transform:scale(1.08);-o-transform:scale(1.08);}
  181.         }
  182. </style>
  183. <div class="fn-clear user_s20081-2049527" instanceid="" module-name="jshop-dm-c16060911_a">
  184.         <div class="mc" style=";">               
  185.                 <div style="height:500px;">
  186.                         <div style=" position:absolute; width:1920px;">
  187.                                 <div style="width:1920px; position:absolute;">
  188.                                         <div module-name="BannerHtml">
  189.                                                 <div class="j-module" module-function="slide" module-param="{slideDirection:'left',subFunction:'moveEffect',imgArea:'.items',imgNode:'.items ul',tabNode:'.jSortTab span',eventType:'mouseover',timer:10}">
  190.                                                         <div class="items items_moveEffect" style="width: 1920px; height: 500px; margin: 0px auto;">
  191.                                                                 <div class="items-inner">
  192.                                                                         <ul ref="http://www.jd.com" style="width: 1920px; height: 500px; float: left;" class="">
  193.                                                                                 <div class="list"><a href="http://www.jd.com" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3460/108/1605512019/283975/4df4e794/582d6e88N4f0ff736.jpg" width="1920" height="500"></a></div>
  194.                                                                                 <div class="user-clear"></div>
  195.                                                                         </ul>
  196.                                                                         <ul ref="http://www.jd.com" style="width: 1920px; height: 500px; float: left;" class="">
  197.                                                                                 <div class="list"><a href="http://www.jd.com" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3460/108/1605512019/283975/4df4e794/582d6e88N4f0ff736.jpg" width="1920" height="500"></a></div>
  198.                                                                                 <div class="user-clear"></div>
  199.                                                                         </ul>
  200.                                                                         <ul ref="http://www.jd.com" style="width: 1920px; height: 500px; float: left;" class="show">
  201.                                                                                 <div class="list"><a href="http://www.jd.com" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3460/108/1605512019/283975/4df4e794/582d6e88N4f0ff736.jpg" width="1920" height="500"></a></div>
  202.                                                                                 <div class="user-clear"></div>
  203.                                                                         </ul>
  204.                                                                 </div>
  205.                                                         </div>
  206.                                                         <div class="jSortTab jSortTab_1 user_bgcolor_span_3"> <span class="user_font_3">1</span> <span class="user_font_3">2</span> <span class="user_font_3 show">3</span> </div>
  207.                                                         <div class="jPreOut"></div>
  208.                                                         <div class="jNextOut"></div>
  209.                                                 </div>
  210.                                         </div>
  211.                                         <div class="user_left">
  212.                                                 <div class="box user_bgcolor_3" style="height:498px;">
  213.                                                         <div class="box1 user_border_1px_bottom">
  214.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3448/328/1566618621/2966/91d3eb0d/582d6e89N1b9430ff.png');"><a class="user_a_5" href="http://www.jd.com" target="_blank">一键选酒</a></div>
  215.                                                                 <div class="lable1"> <a class="user_a1_1" href="http://www.jd.com" target="_blank">婚宴酒</a> <a class="user_a1_2" href="http://www.jd.com" target="_blank"> 大坛酒 </a> <a class="user_a1_3" href="http://www.jd.com" target="_blank"> 送礼专区</a> <a class="user_a1_4" href="http://www.jd.com" target="_blank"> 老酒特卖 </a> <a class="user_a1_5" href="http://www.jd.com" target="_blank">大坛专区</a> <a class="user_a1_6" href="http://www.jd.com" target="_blank"> 实惠套装</a> </div>
  216.                                                         </div>
  217.                                                         <div class="box1 user_border_1px_bottom">
  218.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3316/11/1609715477/3024/9c3bf182/582d6e88N649a8157.png');"><a class="user_a_5" href="http://www.jd.com" target="_blank">白酒</a></div>
  219.                                                                 <div class="lable1"> <a class="user_a2_1" href="http://www.jd.com" target="_blank"> 茅台</a> <a class="user_a2_2" href="http://www.jd.com" target="_blank"> 五粮液 </a> <a class="user_a2_3" href="http://www.jd.com" target="_blank">剑南春</a> <a class="user_a2_4" href="http://www.jd.com" target="_blank"> 汾酒 </a> <a class="user_a2_5" href="http://www.jd.com" target="_blank">酱香型 </a> <a class="user_a2_6" href="http://www.jd.com" target="_blank">浓香型 </a> <a class="user_a2_7" href="http://www.jd.com" target="_blank">贵州 </a> <a class="user_a2_8" href="http://www.jd.com" target="_blank">四川</a> </div>
  220.                                                         </div>
  221.                                                         <div class="box1 user_border_1px_bottom">
  222.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3694/360/1654606807/3063/55e85e60/582d6e89Ncc724cf7.png');"><a class="user_a_5" href="http://www.jd.com&3" target="_blank">葡萄酒</a></div>
  223.                                                                 <div class="lable1"> <a class="user_a3_1" href="http://www.jd.com" target="_blank">法国 </a> <a class="user_a3_2" href="http://www.jd.com" target="_blank">澳大利亚</a> <a class="user_a3_3" href="http://www.jd.com" target="_blank"> 西班牙 </a> <a class="user_a3_4" href="http://www.jd.com" target="_blank">奔富 </a> <a class="user_a3_5" href="http://www.jd.com" target="_blank">满299立减30</a> <a class="user_a3_6" href="http://www.jd.com" target="_blank"> 整箱特惠</a> </div>
  224.                                                         </div>
  225.                                                         <div class="box1 user_border_1px_bottom">
  226.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3334/344/1668387824/3115/91acaf05/582d6e88N7f35729a.png');"><a class="user_a_5" href="http://www.jd.com&4" target="_blank">洋酒</a></div>
  227.                                                                 <div class="lable1"> <a class="user_a4_1" href="http://www.jd.com" target="_blank"> 威士忌 </a> <a class="user_a4_2" href="http://www.jd.com" target="_blank">白兰地 </a> <a class="user_a4_3" href="http://www.jd.com" target="_blank">人头马 </a> <a class="user_a4_4" href="http://www.jd.com" target="_blank">真露 </a> <a class="user_a4_5" href="http://www.jd.com" target="_blank">大男爵 </a> <a class="user_a4_6" href="http://www.jd.com" target="_blank">深蓝 </a> <a class="user_a4_7" href="http://www.jd.com" target="_blank">马爹利 </a> <a class="user_a4_8" href="http://www.jd.com" target="_blank">占边</a> </div>
  228.                                                         </div>
  229.                                                         <div class="box1 user_border_1px_bottom">
  230.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3559/355/1622328587/2952/71d3608f/582d6e88Ne22eff2d.png');"><a class="user_a_5" href="http://www.jd.com&5" target="_blank">啤酒/黄酒/养生酒</a></div>
  231.                                                                 <div class="lable1"> <a class="user_a5_1" href="http://www.jd.com" target="_blank">埃丝伯爵 </a> <a class="user_a5_2" href="http://www.jd.com" target="_blank">库斯特 </a> <a class="user_a5_3" href="http://www.jd.com" target="_blank">瓦伦丁 </a> <a class="user_a5_4" href="http://www.jd.com" target="_blank">青岛 </a> <a class="user_a5_5" href="http://www.jd.com" target="_blank">古越龙山 </a> <a class="user_a5_6" href="http://www.jd.com" target="_blank">乌毡帽 </a> </div>
  232.                                                         </div>
  233.                                                         <div class="box1 user_border_1px_bottom">
  234.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3418/307/1665750914/3068/476d42ff/582d6e89N03b8c000.png');"><a class="user_a_5" href="http://www.jd.com&6" target="_blank">食尚</a></div>
  235.                                                                 <div class="lable1"> <a class="user_a6_1" href="http://www.jd.com" target="_blank"> 进口蜂蜜 </a> <a class="user_a6_2" href="http://www.jd.com" target="_blank">牛排</a> <a class="user_a6_3" href="http://www.jd.com" target="_blank"> 食品</a> <a class="user_a6_4" href="http://www.jd.com" target="_blank">满299立减30 </a> </div>
  236.                                                         </div>
  237.                                                         <div class="box1 user_border_1px_bottom">
  238.                                                                 <div class="text1" style="background: no-repeat 0px center url('//img11.360buyimg.com/cms/jfs/t3694/360/1654606807/3063/55e85e60/582d6e89Ncc724cf7.png');"><a class="user_a_5" href="http://www.jd.com&7" target="_blank">葡萄酒</a></div>
  239.                                                                 <div class="lable1"> <a class="user_a7_1" href="http://www.jd.com" target="_blank">威士忌</a> <a class="user_a7_2" href="http://www.jd.com" target="_blank"> 白兰地 </a> <a class="user_a7_3" href="http://www.jd.com" target="_blank">人头马 </a> <a class="user_a7_4" href="http://www.jd.com" target="_blank">真露 </a> <a class="user_a7_5" href="http://www.jd.com" target="_blank">大男爵 </a> <a class="user_a7_6" href="http://www.jd.com" target="_blank"> 马爹利 </a> </div>
  240.                                                         </div>
  241.                                                 </div>
  242.                                         </div>
  243.                                         <div class="user_right">
  244.                                                 <div class="img"><a href="http://www.jd.com&1" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3421/307/1670466244/18776/75702f3a/582d6e88Nf984ebe8.jpg"></a></div>
  245.                                                 <div class="img"><a href="http://www.jd.com&2" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3778/312/1613356693/15104/dc2e160c/582d6e88N92ff1358.jpg"></a></div>
  246.                                                 <div class="img"><a href="http://www.jd.com&3" target="_blank"><img src="//img11.360buyimg.com/cms/jfs/t3664/324/1652410320/18345/134f74af/582d6e89N2ac6fa81.jpg"></a></div>
  247.                                         </div>
  248.                                 </div>
  249.                         </div>
  250.                 </div>
  251.         </div>
  252. </div>
复制代码


回复

使用道具 举报

签到天数: 64 天

[LV.6]常住居民II

发表于 2016-12-16 12:18:41 | 显示全部楼层
沙发一个。效果图看不到,我先试试放在后台看看
回复 支持 反对

使用道具 举报

签到天数: 103 天

[LV.6]常住居民II

发表于 2016-12-22 17:12:11 | 显示全部楼层
满分               
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2016-12-29 08:59:37 | 显示全部楼层
效果还不错,谢谢了
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-2-27 11:31:33 | 显示全部楼层
膜拜大神6666666666666666666
回复 支持 反对

使用道具 举报

签到天数: 1 天

[LV.1]初来乍到

发表于 2017-7-7 14:50:38 | 显示全部楼层
好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好好
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2017-9-8 09:31:17 | 显示全部楼层
非常666666666666666666666666666666666
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

新品速递

  • 【店招】带轮播搜索的白色简洁店招代码分享
  • 锚点教程,实现页面内的跳转,淘宝天猫京东
  • 【10图】990十图遮罩开关灯表格布局京东特
  • 【轮播】京东海尔旗舰店创意轮播代码分享
  • 【1920轮播】全屏简洁全屏轮播代码分享

新人课堂

小黑屋|手机版|Archiver|
©2015  建缘设计. All rights reserved. ( 冀ICP备13015006号 )  Powered by Discuz X3.2  技术支持:建缘设计  
快速回复 返回顶部 返回列表