四图方形遮罩层宝贝展示
尺寸说明
模块总尺寸为1300*386px
单图尺寸为232px*400px
模块背景色 ： #FFF 价格标签：#808080 、 现价文字颜色：#FF0000 分割线颜色：#FF8000 原价色 #808080 标签颜色：#000080 边框色：#FF8000 borider 为1px 。具体颜色参照颜色表
遮罩层鼠标移动地址：http://gdp.alicdn.com/imgextra/i4/770458061/TB2v1LDXVXXXXaBXXXXXXXXXXXX-770458061.gif
其余链接根据实际更改
<div style="height:376px"> <div class="TWidgst21290taigyer footer-more-trigger sn-simple-logo most-footer mgzxzs_qpdm" style="z-index: 1;width:1300px;height:386px;padding:0;left:50%;top:auto;border:0px solid red;background:none;"> <div class="TWidgst21290taigyer footer-more-trigger sn-simple-logo most-footer" style="width:1300px;height:386px;padding:0;left:-750px;top:-0px;border:0px solid red;background:none;overflow:hidden;"> <div style="width:1300px;margin:0 auto;background: url() no-repeat top center fixed;"><div class="sg-bd" style="font-family:arial;text-align:center;width: 1300px;height: 386px;background:#FFF;"> <ul style="overflow:hidden;clear:both;zoom:1;color:#555;font-family:微软雅黑;"> <li style="float:left;margin:0px 10px 0 0;width:310px;"> <a class="mgzxzs_cTbTm1" style="display:block;width:302px;height:302px;background:url(https://img.alicdn.com/imgextra/i2/3088824594/TB2zfvWatHO8KJjSZFHXXbWJFXa-3088824594.jpg) no-repeat center center;border:1px solid #FF8000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;" href="#1" target="_blank"></a> <div style="overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="color:#808080">促销价<b style="color:#FF0000;font-size:20px;">￥998</b></span> <del style="padding-left:10px;color:#808080;">￥1288</del> </div> <a href="#1" target="_blank" style="color:#000080;height:20px;border-top:1px solid #FF8000;margin:0 20px 8px 20px;line-height:20px;overflow:hidden;display:block;padding-top:6px;">宝贝标题很长的</a> </li> <li style="float:left;margin:0px 10px 0 0;width:310px;"> <a class="mgzxzs_cTbTm2" style="display:block;width:302px;height:302px;background:url(https://img.alicdn.com/imgextra/i1/3088824594/TB2xz8Ucv2H8KJjy0FcXXaDlFXa-3088824594.png) no-repeat center center;border:1px solid #FF8000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;" href="#2" target="_blank"></a> <div style="overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="color:#808080">促销价<b style="color:#FF0000;font-size:20px;">￥998</b></span><del style="padding-left:10px;color:#808080;">￥1288</del></div> <a href="#2" target="_blank" style="color:#000080;height:20px;border-top:1px solid #FF8000;margin:0 20px 8px 20px;line-height:20px;overflow:hidden;display:block;padding-top:6px;">宝贝标题很长的</a> </li> <li style="float:left;margin:0px 10px 0 0;width:310px;"> <a class="mgzxzs_cTbTm3" style="display:block;width:302px;height:302px;background:url(https://img.alicdn.com/imgextra/i3/3088824594/TB2XJX2cv6H8KJjy0FjXXaXepXa-3088824594.png) no-repeat center center;border:1px solid #FF8000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;" href="#3" target="_blank"></a> <div style="overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="color:#808080">促销价<b style="color:#FF0000;font-size:20px;">￥998</b></span><del style="padding-left:10px;color:#808080;">￥1288</del></div> <a href="#3" target="_blank" style="color:#000080;height:20px;border-top:1px solid #FF8000;margin:0 20px 8px 20px;line-height:20px;overflow:hidden;display:block;padding-top:6px;">宝贝标题很长的</a> </li> <li style="float:left;margin:0px 0 0 0;width:310px;"> <a class="mgzxzs_cTbTm4" style="display:block;width:302px;height:302px;background:url(https://img.alicdn.com/imgextra/i4/3088824594/TB21TX7cv6H8KJjSspmXXb2WXXa-3088824594.jpg) no-repeat center center;border:1px solid #FF8000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;" href="#4" target="_blank"></a> <div style="overflow:hidden;zoom:1;margin:10px 0 5px 0;"> <span style="color:#808080">促销价<b style="color:#FF0000;font-size:20px;">￥998</b></span><del style="padding-left:10px;color:#808080;">￥1288</del></div> <a href="#4" target="_blank" style="color:#000080;height:20px;border-top:1px solid #FF8000;margin:0 20px 8px 20px;line-height:20px;overflow:hidden;display:block;padding-top:6px;">宝贝标题很长的</a> </li> </ul> <div style="display: block; width: 310px; height: 310px; border-radius: 0px; position: absolute; left: -9999px; top: -9999px; z-index: 99999800; background-image: url(http://gdp.alicdn.com/imgextra/i4/770458061/TB2v1LDXVXXXXaBXXXXXXXXXXXX-770458061.gif);" class="J_TWidget hidden tb-shop-popup-show ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{"trigger":".mgzxzs_cTbTm1","align":{"node":".mgzxzs_cTbTm1","offset":[0,0],"points":["cc","cc"]}}" id="ks-component1275"><div class="ks-popup-content"><div class="ks-popup-content"><a href="#1" style="text-decoration:none;display:block;width:310px;text-align:center;height:310px;" target="_blank"></a></div></div></div> <div style="display: block; width: 310px; height: 310px; border-radius: 0px; position: absolute; left: -9999px; top: -9999px; z-index: 99999800; background-image: url(http://gdp.alicdn.com/imgextra/i4/770458061/TB2v1LDXVXXXXaBXXXXXXXXXXXX-770458061.gif);" class="J_TWidget hidden tb-shop-popup-show ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{"trigger":".mgzxzs_cTbTm2","align":{"node":".mgzxzs_cTbTm2","offset":[0,0],"points":["cc","cc"]}}" id="ks-component1241"><div class="ks-popup-content"><div class="ks-popup-content"><a href="#2" style="text-decoration:none;display:block;width:310px;text-align:center;height:310px;" target="_blank"></a></div></div></div> <div style="display: block; width: 310px; height: 310px; border-radius: 0px; position: absolute; left: -9999px; top: -9999px; z-index: 99999800; background-image: url(http://gdp.alicdn.com/imgextra/i4/770458061/TB2v1LDXVXXXXaBXXXXXXXXXXXX-770458061.gif);" class="J_TWidget hidden tb-shop-popup-show ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{"trigger":".mgzxzs_cTbTm3","align":{"node":".mgzxzs_cTbTm3","offset":[0,0],"points":["cc","cc"]}}" id="ks-component1241"><div class="ks-popup-content"><div class="ks-popup-content"><a href="#3" style="text-decoration:none;display:block;width:310px;text-align:center;height:310px;" target="_blank"></a></div></div></div> <div style="display: block; width: 310px; height: 310px; border-radius: 0px; position: absolute; left: -9999px; top: -9999px; z-index: 99999800; background-image: url(http://gdp.alicdn.com/imgextra/i4/770458061/TB2v1LDXVXXXXaBXXXXXXXXXXXX-770458061.gif);" class="J_TWidget hidden tb-shop-popup-show ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{"trigger":".mgzxzs_cTbTm4","align":{"node":".mgzxzs_cTbTm4","offset":[0,0],"points":["cc","cc"]}}" id="ks-component685"><div class="ks-popup-content"><div class="ks-popup-content"><a href="#4" style="text-decoration:none;display:block;width:310px;text-align:center;height:310px;" target="_blank"></a></div></div></div> </div></div> </div></div> </div> </div> </div>
浙公网安备 33010602011771号