苏宁店铺 全屏 代码 参考

下面是例子 加粗的是必须注意的  必须有的

 

<style type="text/css"><!--
.template {position:static; width:1920px;}body{overflow:none;overflow-x: hidden}.template div
{overflow:visible;}
.ng-footer{ position:relative; margin-top:5281px;} 
--></style>
<div style="width:1600px; margin:0px auto;">
<div style="margin-left:-465px; position:absolute;">
<img src="http://image.suning.cn/uimg/sop/commodity/202322636914245861424233_x.jpg" width="1600" height="568" alt=""/>
<img src="http://image.suning.cn/uimg/sop/commodity/168532688564808656227000_x.jpg" alt="" width="1600" height="1031" usemap="#Map100"/>
<map name="Map100">
  <area shape="rect" coords="254,12,614,347" href="http://product.suning.com/detail_0070072045_122585566.html" target="_blank">
  <area shape="rect" coords="622,17,976,344" href="http://product.suning.com/detail_0070072045_122685563.html" target="_blank">
  <area shape="rect" coords="985,10,1342,341" href="http://product.suning.com/detail_0070072045_126077602.html" target="_blank">
  <area shape="rect" coords="260,354,612,687" href="http://product.suning.com/detail_0070072045_124610053.html" target="_blank">
  <area shape="rect" coords="622,354,904,683" href="http://product.suning.com/detail_0070072045_126495099.html" target="_blank">
  <area shape="rect" coords="915,360,1318,581" href="http://product.suning.com/detail_0070072045_121366917.html" target="_blank">
  <area shape="rect" coords="907,582,1317,660" href="http://product.suning.com/detail_0070072045_124500005.html" target="_blank">
  <area shape="rect" coords="259,695,612,1025" href="http://product.suning.com/detail_0070072045_122401549.html" target="_blank">
  <area shape="rect" coords="624,696,980,1029" href="http://product.suning.com/detail_0070072045_124218014.html" target="_blank">
  <area shape="rect" coords="984,695,1341,1026" href="http://product.suning.com/detail_0070072045_121601835.html" target="_blank">
</map>
<img src="http://image.suning.cn/uimg/sop/commodity/161364934850771718160030_x.jpg" alt="" width="1600" height="1024" usemap="#Map101"/>
<map name="Map101">
  <area shape="rect" coords="256,8,613,335" href="http://product.suning.com/detail_0070072045_121618145.html" target="_blank">
  <area shape="rect" coords="622,6,1339,335" href="http://product.suning.com/detail_0070072045_126792866.html" target="_blank">
  <area shape="rect" coords="262,346,978,556" href="http://product.suning.com/detail_0070072045_123516592.html" target="_blank">
  <area shape="rect" coords="265,560,977,667" href="http://product.suning.com/detail_0070072045_121611354.html" target="_blank">
  <area shape="rect" coords="990,343,1346,676" href="http://product.suning.com/detail_0070072045_121122280.html" target="_blank">
  <area shape="rect" coords="260,689,612,1019" href="http://product.suning.com/detail_0070072045_121121551.html" target="_blank">
  <area shape="rect" coords="625,685,980,1015" href="http://product.suning.com/detail_0070072045_121122278.html" target="_blank">
  <area shape="rect" coords="988,685,1343,1021" href="http://product.suning.com/detail_0070072045_121122280.html" target="_blank">
</map>
<img src="http://image.suning.cn/uimg/sop/commodity/403304350153070086327950_x.jpg" alt="" width="1600" height="687" usemap="#Map102"/>
<map name="Map102">
  <area shape="rect" coords="253,8,616,340" href="http://product.suning.com/detail_0070072045_121590288.html" target="_blank">
  <area shape="rect" coords="623,9,979,341" href="http://product.suning.com/detail_0070072045_122752716.html" target="_blank">
  <area shape="rect" coords="991,7,1344,340" href="http://product.suning.com/detail_0070072045_124715011.html" target="_blank">
  <area shape="rect" coords="259,355,613,685" href="http://product.suning.com/detail_0070072045_124720530.html" target="_blank">
  <area shape="rect" coords="627,354,980,686" href="http://product.suning.com/detail_0070072045_127033643.html" target="_blank">
  <area shape="rect" coords="991,352,1342,690" href="http://product.suning.com/detail_0070072045_123222338.html" target="_blank">
</map>
<img src="http://image.suning.cn/uimg/sop/commodity/148837481913870397328768_x.jpg" alt="" width="1600" height="1276" usemap="#Map103"/>
<map name="Map103">
  <area shape="rect" coords="260,10,615,340" href="http://product.suning.com/detail_0070072045_123179702.html" target="_blank">
  <area shape="rect" coords="623,10,979,338" href="http://product.suning.com/detail_0070072045_123178791.html" target="_blank">
  <area shape="rect" coords="990,8,1343,336" href="http://product.suning.com/detail_0070072045_121071938.html" target="_blank">
  <area shape="rect" coords="279,371,493,863" href="http://product.suning.com/detail_0070072045_121627279.html" target="_blank">
  <area shape="poly" coords="524,904,682,903,764,810,768,587,764,388,547,433" href="http://product.suning.com/detail_0070072045_121628796.html" target="_blank">
  <area shape="poly" coords="808,846,1014,849,1059,738,1020,360,822,380" href="http://product.suning.com/detail_0070072045_121629306.html" target="_blank">
  <area shape="rect" coords="1079,383,1339,901" href="http://product.suning.com/detail_0070072045_121628418.html" target="_blank">
  <area shape="poly" coords="276,1203,687,1194,679,953,484,935,401,883,288,901" href="http://product.suning.com/detail_0070072045_121630287.html" target="_blank">
  <area shape="poly" coords="712,1195,937,1199,936,1072,1072,1048,1031,890,939,864,801,859,715,872" href="http://product.suning.com/detail_0070072045_121629175.html" target="_blank">
  <area shape="poly" coords="983,1235,1296,1247,1325,910,1174,910,1080,1086,950,1113" href="http://product.suning.com/detail_0070072045_121628008.html" target="_blank">
</map>
<img src="http://image.suning.cn/uimg/sop/commodity/135416268945659736164380_x.jpg" alt="" width="1600" height="690" usemap="#Map104"/>
<map name="Map104">
  <area shape="rect" coords="260,6,617,339" href="http://product.suning.com/detail_0070072045_123663873.html" target="_blank">
  <area shape="rect" coords="623,9,980,341" href="http://product.suning.com/detail_0070072045_127169779.html" target="_blank">
  <area shape="rect" coords="989,9,1348,341" href="http://product.suning.com/detail_0070072045_123669670.html" target="_blank">
  <area shape="rect" coords="259,350,614,680" href="http://product.suning.com/detail_0070072045_121631160.html" target="_blank">
  <area shape="rect" coords="623,348,982,681" href="http://product.suning.com/detail_0070072045_121627936.html" target="_blank">
  <area shape="rect" coords="989,349,1342,681" href="http://product.suning.com/detail_0070072045_122808689.html" target="_blank">
</map>
</div>
</div>

　

<style type="text/css"><!--
.template {position:static; width:1920px;}
body{overflow:none;overflow-x: hidden}
.template div{overflow:visible;}
.ng-footer{ position:relative; margin-top:5550px;}
--></style>
<div style="width: 1600px; margin-left: -800px; position: absolute; left: 50%;"><img src="http://image.suning.cn/uimg/sop/commodity/209845335651494502768760_x.jpg" alt="" width="1600" height="1358" usemap="#Map" border="0" /> <map id="Map" name="Map"> 
<area shape="rect" coords="257,745,802,1016" href="http://product.suning.com/detail_0070072045_124191484.html" target="_blank" />
 
<area shape="rect" coords="811,745,1345,1016" href="http://product.suning.com/detail_0070072045_121544824.html" target="_blank" />
 
<area shape="rect" coords="257,1026,614,1357" href="http://product.suning.com/detail_0070072045_122585566.html" target="_blank" />
 
<area shape="rect" coords="622,1029,978,1359" href="http://product.suning.com/detail_0070072045_122685563.html" target="_blank" />
 
<area shape="rect" coords="985,1026,1345,1353" href="http://product.suning.com/detail_0070072045_126077602.html" target="_blank" />
 
<area shape="rect" coords="251,577,1348,730" href="http://qiang.suning.com/rps-web/fp/sendFreeCouponImmediate_0011f2cc04a4ce785b1cedb22cbde59b.htm?chanId=1" target="_blank" />
 </map> <img src="http://image.suning.cn/uimg/sop/commodity/204049525513030135831947_x.jpg" alt="" width="1600" height="1366" usemap="#Map2" border="0" /> <map id="Map2" name="Map2"> 
<area shape="rect" coords="257,8,614,342" href="http://product.suning.com/detail_0070072045_124610053.html" target="_blank" />
 
<area shape="rect" coords="258,352,617,683" href="http://product.suning.com/detail_0070072045_122401549.html" target="_blank" />
 
<area shape="rect" coords="1023,180,1334,236" href="http://product.suning.com/detail_0070072045_121366917.html" target="_blank" />
 
<area shape="rect" coords="632,102,837,316" href="http://product.suning.com/detail_0070072045_126495099.html" target="_blank" />
 
<area shape="rect" coords="1023,239,1334,296" href="http://product.suning.com/detail_0070072045_124500005.html" target="_blank" />
 
<area shape="rect" coords="619,352,978,684" href="http://product.suning.com/detail_0070072045_124218014.html" target="_blank" />
 
<area shape="rect" coords="989,348,1348,677" href="http://product.suning.com/detail_0070072045_121601835.html" target="_blank" />
 
<area shape="rect" coords="258,695,613,1027" href="http://product.suning.com/detail_0070072045_121618145.html" target="_blank" />
 
<area shape="rect" coords="622,689,1343,1022" href="http://product.suning.com/detail_0070072045_126792866.html" target="_blank" />
 
<area shape="rect" coords="529,1075,967,1245" href="http://product.suning.com/detail_0070072045_123516592.html" target="_blank" />
 
<area shape="rect" coords="529,1245,966,1340" href="http://product.suning.com/detail_0070072045_121611354.html" target="_blank" />
 
<area shape="rect" coords="988,1034,1342,1361" href="http://product.suning.com/detail_0070072045_121122200.html" target="_blank" />
 </map> <img src="http://image.suning.cn/uimg/sop/commodity/107579421114800145692005_x.jpg" alt="" width="1600" height="1370" usemap="#Map3" border="0" /> <map id="Map3" name="Map3"> 
<area shape="rect" coords="257,5,614,344" href="http://product.suning.com/detail_0070072045_121121551.html" target="_blank" />
 
<area shape="rect" coords="620,8,982,338" href="http://product.suning.com/detail_0070072045_121122278.html" target="_blank" />
 
<area shape="rect" coords="987,6,1345,338" href="http://product.suning.com/detail_0070072045_121122280.html" target="_blank" />
 
<area shape="rect" coords="258,353,614,686" href="http://product.suning.com/detail_0070072045_121590288.html" target="_blank" />
 
<area shape="rect" coords="625,355,981,686" href="http://product.suning.com/detail_0070072045_122752716.html" target="_blank" />
 
<area shape="rect" coords="984,352,1342,685" href="http://product.suning.com/detail_0070072045_124715011.html" target="_blank" />
 
<area shape="rect" coords="258,697,616,1027" href="http://product.suning.com/detail_0070072045_124720530.html" target="_blank" />
 
<area shape="rect" coords="622,697,979,1029" href="http://product.suning.com/detail_0070072045_127033643.html" target="_blank" />
 
<area shape="rect" coords="987,694,1343,1027" href="http://product.suning.com/detail_0070072045_123222338.html" target="_blank" />
 
<area shape="rect" coords="260,1039,616,1364" href="http://product.suning.com/detail_0070072045_123179702.html" target="_blank" />
 
<area shape="rect" coords="622,1035,976,1359" href="http://product.suning.com/detail_0070072045_123178791.html" target="_blank" />
 
<area shape="rect" coords="985,1041,1342,1364" href="http://product.suning.com/detail_0070072045_121071938.html" target="_blank" />
 </map> <img src="http://image.suning.cn/uimg/sop/commodity/142948864655238984734810_x.jpg" alt="" width="1600" height="1628" usemap="#Map4" border="0" /> <map id="Map4" name="Map4"> 
<area shape="rect" coords="276,19,510,539" href="http://product.suning.com/detail_0070072045_121627279.html" target="_blank" />
 
<area shape="poly" coords="534,88,722,80,754,136,757,313,764,492,704,525,661,574,557,568,529,488" href="http://product.suning.com/detail_0070072045_121628796.html" target="_blank" />
 
<area shape="rect" coords="778,25,1054,516" href="http://product.suning.com/detail_0070072045_121629306.html" target="_blank" />
 
<area shape="rect" coords="1075,45,1328,575" href="http://product.suning.com/detail_0070072045_121628418.html" target="_blank" />
 
<area shape="rect" coords="264,589,688,888" href="http://product.suning.com/detail_0070072045_121630287.html" target="_blank" />
 
<area shape="poly" coords="705,533,866,525,860,594,1026,595,1052,644,1016,686,969,733,858,744,896,863,725,869,707,865" href="http://product.suning.com/detail_0070072045_121629175.html" target="_blank" />
 
<area shape="poly" coords="945,762,1155,759,1145,580,1323,582,1292,894,1267,922,1179,912,1129,918,1046,919,993,850,955,835" href="http://product.suning.com/detail_0070072045_121628008.html" target="_blank" />
 
<area shape="rect" coords="257,944,616,1280" href="http://product.suning.com/detail_0070072045_123663873.html" target="_blank" />
 
<area shape="rect" coords="622,945,976,1279" href="http://product.suning.com/detail_0070072045_127169779.html" target="_blank" />
 
<area shape="rect" coords="987,944,1348,1279" href="http://product.suning.com/detail_0070072045_123669670.html" target="_blank" />
 
<area shape="rect" coords="258,1289,614,1618" href="http://product.suning.com/detail_0070072045_121631160.html" target="_blank" />
 
<area shape="rect" coords="620,1286,984,1619" href="http://product.suning.com/detail_0070072045_121627936.html" target="_blank" />
 
<area shape="rect" coords="988,1291,1349,1621" href="http://product.suning.com/detail_0070072045_122808689.html" target="_blank" />
 </map></div>