以下是 ajax点击地图显示商家网点分布特效js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax点击地图显示商家网点分布</title>
<link href="css/ui.css" rel="stylesheet" type="text/css">
<link href="css/map.css" rel="stylesheet" type="text/css">
<link href="css/jScrollPane.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.js" type="text/javascript"></script>
<!--[if IE 6]>
<script src="js/png.js"></script>
<script>
DD_belatedPNG.fix('#zh_map img');
document.execCommand("BackgroundImageCache",false,true);
</script>
<![endif]-->
</head>
<body>
<div class="con_right">
<div class="about_store">
<div class="map_city_list">
<h1>云南</h1>
<div class="shop_list_panel">
<div class="shop_name_title">o.c.tmami专卖</div>
<div class="shop_name_add">昆明人民西路26号西门店</div>
<div class="shop_name_title">o.c.tmami专卖</div>
<div class="shop_name_add">昆明白塔路251号（十中店）</div>
<div class="shop_name_title">o.c.tmami专卖</div>
<div class="shop_name_add">昆明五一路20号（五一店）</div>
<div class="shop_name_title">王府井</div>
<div class="shop_name_add">五华区沿河区7号负一楼</div>
<div class="shop_name_title">o.c.tmami专卖</div>
<div class="shop_name_add">昆明南亚风情第一城C地块C2-6商铺</div>
</div>
</div>
</div>
<div id="zh_map">
<img src="images/spacer.gif" usemap="#Map_panel" class="areaImg" height="422" border="0" width="743">
<img class="cityImg" id="s_xinjiang" src="images/xinjiang.png" height="144" width="188">
<img class="cityImg" id="s_gansu" src="images/gansu.png">
<img class="cityImg" id="s_qinghai" src="images/qinghai.png">
<img class="cityImg" id="s_neimeng" src="images/neimeng.png">
<img class="cityImg" id="s_heilongjiang" src="images/heilongjiang.png">
<img class="cityImg" id="s_jilin" src="images/jilin.png">
<img class="cityImg" id="s_liaoning" src="images/liaoning.png">
<img class="cityImg" id="s_ningxia" src="images/ningxia.png">
<img class="cityImg" id="s_shanxi" src="images/shanxi.png">
<img class="cityImg" id="s_shanxii" src="images/shanxii.png">
<img class="cityImg" id="s_hebei" src="images/hebei.png">
<img class="cityImg" id="s_beijing" src="images/beijing.png">
<img class="cityImg" id="s_shandong" src="images/shandong.png">
<img class="cityImg" id="s_henan" src="images/henan.png">
<img class="cityImg" id="s_anhui" src="images/anhui.png">
<img class="cityImg" id="s_hubei" src="images/hubei.png">
<img class="cityImg" id="s_hunan" src="images/hunan.png">
<img class="cityImg" id="s_shanghai" src="images/shanghai.png">
<img class="cityImg" id="s_jiangsu" src="images/jiangsu.png">
<img class="cityImg" id="s_zhejiang" src="images/zhejiang.png">
<img class="cityImg" id="s_fujian" src="images/fujian.png">
<img class="cityImg" id="s_guangdong" src="images/guangdong.png">
<img class="cityImg" id="s_guangxi" src="images/guangxi.png">
<img class="cityImg" id="s_hainan" src="images/hainan.png">
<img class="cityImg" id="s_guizhou" src="images/guizhou.png">
<img class="cityImg" id="s_yunnan" src="images/yunnan.png">
<img class="cityImg" id="s_sichuan" src="images/sichuan.png">
<img src="images/bg_map.jpg" height="422" border="0" width="743">
<map name="Map_panel" id="Map_panel">
<area shape="poly" coords="399,207,416,190,416,184,412,176,408,172,398,174,396,166,403,159,410,155,411,146,400,153,392,151,389,156,392,164,392,173,392,203" href="####" class="hoverMap" id="hebei">
<area shape="poly" coords="85,193,64,166,63,146,60,140,74,130,103,129,127,110,130,93,146,94,156,75,168,80,179,70,191,62,202,70,216,88,211,108,236,116,247,129,233,144,217,166,209,175,191,180,199,193,194,204,175,198,160,196,143,201,111,192,103,198,99,201,86,196,89,193" href="####" class="hoverMap" id="xinjiang">
<area shape="poly" coords="350,402,354,392,365,386,374,387,373,395,368,401,363,407,347,403" href="####" class="hoverMap" id="hainan">
<area shape="poly" coords="361,386,360,375,366,366,376,352,381,344,381,338,385,331,390,334,394,336,401,330,409,332,420,335,425,334,429,341,427,347,423,354,409,360,403,360,399,357,398,359,383,369,372,370,369,373,367,383,358,384" href="####" class="hoverMap" id="guangdong">
<area shape="poly" coords="437,345,425,337,425,329,428,322,430,313,431,309,434,305,438,304,442,301,444,298,448,301,449,309,454,307,458,304,460,305,460,309,456,314,457,322,453,330,444,337,436,345" href="####" class="hoverMap" id="fujian">
<area shape="poly" coords="441,289,439,281,440,275,445,268,452,266,464,266,468,266,471,272,470,281,463,289,460,297,442,292" href="####" class="hoverMap" id="zhejiang">
<area shape="poly" coords="464,265,468,259,466,250,456,244,449,240,443,246,440,251,447,256,448,258,449,264,460,265" href="####" class="hoverMap" id="shanghai">
<area shape="poly" coords="454,237,465,235,454,223,445,221,425,225,440,230,446,239,462,233" href="####" class="hoverMap" id="jiangsu">
<area shape="poly" coords="244,136,242,147,237,150,232,150,227,159,218,167,222,173,235,177,242,182,250,179,265,182,283,191,293,192,298,200,307,211,302,219,301,226,280,232,281,236,285,241,290,241,292,234,297,234,303,240,317,249,322,244,323,238,327,235,328,225,335,225,344,218,343,208,338,203,334,199,330,208,326,214,319,214,316,210,312,200,306,195,300,189,306,183,307,182,305,175,295,177,288,181,281,182,276,175,270,172,271,168,275,164,273,161,264,162,258,160,255,156,255,151" href="####" class="hoverMap" id="gansu">
<area shape="poly" coords="267,297,256,312,253,338,264,355,279,373,315,350,307,319,284,329,268,301" href="####" class="hoverMap" id="yunnan">
<area shape="poly" coords="313,336,337,329,359,324,373,321,381,340,372,346,369,359,365,358,359,367,354,369,340,368,333,363" href="####" class="hoverMap" id="guangxi">
<area shape="poly" coords="323,329,312,313,315,308,328,305,342,299,346,304,350,316,350,319" href="####" class="hoverMap" id="guizhou">
<area shape="poly" coords="368,312,362,306,362,292,365,284,368,281,382,283,394,288,394,302,394,316,391,322,385,324" href="####" class="hoverMap" id="hunan">
<area shape="poly" coords="424,274,420,265,414,245,417,237,428,237,438,242,438,254,442,270,438,273" href="####" class="hoverMap" id="anhui">
<area shape="poly" coords="371,238,367,230,377,226,395,210,406,220,407,228,407,237,395,244,390,245,382,247,372,241" href="####" class="hoverMap" id="henan">
<area shape="poly" coords="404,268,398,260,376,255,367,252,361,246,357,254,363,263,356,272,349,277,352,281,368,276,385,280,402,279,410,269" href="####" class="hoverMap" id="hubei">
<area shape="poly" coords="433,27,443,24,453,27,459,35,471,46,481,56,500,60,509,64,516,59,524,54,527,70,523,82,516,94,515,104,510,104,496,104,488,101,474,95,468,97,459,93,457,88,452,75,460,67,460,55,461,47,461,39,448,39,438,37" href="####" class="hoverMap" id="heilongjiang">
<area shape="poly" coords="285,149,317,155,339,151,356,143,372,126,369,117,379,114,386,118,399,108,421,102,427,95,419,85,403,87,398,79,401,65,405,60,418,52,424,32,433,43,450,49,456,59,452,69,448,79,442,90,442,98,445,113,449,126,442,139,433,140,418,138,387,139,385,158,372,169,361,176,352,188,340,190,322,189,294,175,271,158,266,147" href="####" class="hoverMap" id="neimeng">
<area shape="poly" coords="494,132,502,121,506,113,494,107,485,108,472,99,459,102,453,99,452,107,472,119,474,132,485,134,495,133" href="####" class="hoverMap" id="jilin">
<area shape="poly" coords="466,158,473,147,471,139,469,131,464,128,457,137,456,141,450,138,445,148,438,150,438,154,449,155,458,155,455,164,456,172" href="####" class="hoverMap" id="liaoning">
<area shape="poly" coords="456,189,449,188,444,191,441,193,438,196,432,192,429,187,423,187,417,194,410,197,404,207,409,214,409,215,414,216,419,216,426,216,439,211,441,208,449,200,457,190" href="####" class="hoverMap" id="shandong">
<area shape="poly" coords="364,223,363,214,362,202,362,195,369,186,370,179,383,171,383,179,385,192,385,201,385,211,383,216,377,220,374,224,362,222" href="####" class="hoverMap" id="shanxii">
<area shape="poly" coords="346,252,339,251,331,244,332,238,335,233,347,228,349,219,346,211,344,204,340,201,347,194,359,187,360,182,359,200,361,214,361,224,361,237,352,247,352,255,342,251" href="####" class="hoverMap" id="shanxi">
<area shape="poly" coords="275,300,269,295,261,289,263,277,261,263,256,255,253,246,253,240,262,246,276,251,287,254,294,235,306,243,306,256,326,250,337,256,333,272,323,266,319,281,324,291,302,294,294,293,301,304,294,318,287,319,282,308" href="####" class="hoverMap" id="sichuan">
<area shape="poly" coords="217,245,201,235,190,229,190,220,190,205,200,204,200,179,210,177,222,174,245,182,277,189,296,197,302,213,293,230,283,220,283,227,285,246,255,237,248,244,245,252,237,254" href="####" class="hoverMap" id="qinghai">
<area shape="poly" coords="418,171,415,160,410,156,405,159,405,165,415,173" href="####" class="hoverMap" id="beijing">
<area shape="poly" coords="318,197,323,191,334,192,332,198,326,204,323,208,320,207,318,200" href="####" class="hoverMap" id="ningxia">
</map>
</div>
</div>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/mwheelIntent.js" type="text/javascript"></script>
<script src="js/jquery.jscrollpane.min.js" type="text/javascript"></script>
<script src="js/map.js" type="text/javascript"></script>
</body>
</html>
JS代码(map.js):
var hoverMap = $('.hoverMap');
var cityImg = $('.cityImg');
var shop_list_panel = $('.shop_list_panel');
var map_city_list = $('.map_city_list');
hoverMap.click(function(){
now_id = $(this).attr('id');
cityImg.hide();
$("#s_"+now_id).show();
//要配置php文件才能正常演示，前端只能到这了$.ajax({
url:"http://www.octmami.com/ajax_shop.php",data:'city=' + now_id +'&time='+ Math.random(),type:'get',cache:false,success:function(data){
map_city_list.empty().html(data);
map_city_list.find('.shop_list_panel').jScrollPane();
}
}
);
shop_list_panel.jScrollPane();
}
);
JS代码(png.js):
/*** DD_belatedPNG:Adds IE6 support:PNG images for CSS background-image and HTML <IMG/>.* Author:Drew Diller* Email:drew.diller@gmail.com* URL:http://www.dillerdesign.com/experiment/DD_belatedPNG/* Version:0.0.8a* Licensed under the MIT License:http://dillerdesign.com/experiment/DD_belatedPNG/#license** Example usage:* DD_belatedPNG.fix('.png_bg');
// argument is a CSS selector* DD_belatedPNG.fixPng( someNode );
// argument is an HTMLDomElement**/
var DD_belatedPNG={
ns:"DD_belatedPNG",imgSize:{
}
,delay:10,nodesFixed:0,createVmlNameSpace:function(){
if(document.namespaces&&!document.namespaces[this.ns]){
document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}
}
,createVmlStyleSheet:function(){
var b,a;
b=document.createElement("style");
b.setAttribute("media","screen");
document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);
if(b.styleSheet){
b=b.styleSheet;
b.addRule(this.ns+"\\:*","{
behavior:url(#default#VML)}
");
b.addRule(this.ns+"\\:shape","position:absolute;
");
b.addRule("img."+this.ns+"_sizeFinder","behavior:none;
border:none;
position:absolute;
z-index:-1;
top:-10000px;
visibility:hidden;
");
this.screenStyleSheet=b;
a=document.createElement("style");
a.setAttribute("media","print");
document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);
a=a.styleSheet;
a.addRule(this.ns+"\\:*","{
display:none !important;
}
");
a.addRule("img."+this.ns+"_sizeFinder","{
display:none !important;
}
")}
}
,readPropertyChange:function(){
var b,c,a;
b=event.srcElement;
if(!b.vmlInitiated){
return}
if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){
DD_belatedPNG.applyVML(b)}
if(event.propertyName=="style.display"){
c=(b.currentStyle.display=="none")?"none":"block";
for(a in b.vml){
if(b.vml.hasOwnProperty(a)){
b.vml[a].shape.style.display=c}
}
}
if(event.propertyName.search("filter")!=-1){
DD_belatedPNG.vmlOpacity(b)}
}
,vmlOpacity:function(b){
if(b.currentStyle.filter.search("lpha")!=-1){
var a=b.currentStyle.filter;
a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;
b.vml.color.shape.style.filter=b.currentStyle.filter;
b.vml.image.fill.opacity=a}
}
,handlePseudoHover:function(a){
setTimeout(function(){
DD_belatedPNG.applyVML(a)}
,1)}
,fix:function(a){
if(this.screenStyleSheet){
var c,b;
c=a.split(",");
for(b=0;
b<c.length;
b++){
this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}
}
}
,applyVML:function(a){
a.runtimeStyle.cssText="";
this.vmlFill(a);
this.vmlOffsets(a);
this.vmlOpacity(a);
if(a.isImg){
this.copyImageBorders(a)}
}
,attachHandlers:function(i){
var d,c,g,e,b,f;
d=this;
c={
resize:"vmlOffsets",move:"vmlOffsets"}
;
if(i.nodeName=="A"){
e={
mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"}
;
for(b in e){
if(e.hasOwnProperty(b)){
c[b]=e[b]}
}
}
for(f in c){
if(c.hasOwnProperty(f)){
g=function(){
d[c[f]](i)}
;
i.attachEvent("on"+f,g)}
}
i.attachEvent("onpropertychange",this.readPropertyChange)}
,giveLayout:function(a){
a.style.zoom=1;
if(a.currentStyle.position=="static"){
a.style.position="relative"}
}
,copyImageBorders:function(b){
var c,a;
c={
borderStyle:true,borderWidth:true,borderColor:true}
;
for(a in c){
if(c.hasOwnProperty(a)){
b.vml.color.shape.style[a]=b.currentStyle[a]}
}
}
,vmlFill:function(e){
if(!e.currentStyle){
return}
else{
var d,f,g,b,a,c;
d=e.currentStyle}
for(b in e.vml){
if(e.vml.hasOwnProperty(b)){
e.vml[b].shape.style.zIndex=d.zIndex}
}
e.runtimeStyle.backgroundColor="";
e.runtimeStyle.backgroundImage="";
f=true;
if(d.backgroundImage!="none"||e.isImg){
if(!e.isImg){
e.vmlBg=d.backgroundImage;
e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}
else{
e.vmlBg=e.src}
g=this;
if(!g.imgSize[e.vmlBg]){
a=document.createElement("img");
g.imgSize[e.vmlBg]=a;
a.className=g.ns+"_sizeFinder";
a.runtimeStyle.cssText="behavior:none;
position:absolute;
left:-10000px;
top:-10000px;
border:none;
margin:0;
padding:0;
";
c=function(){
this.width=this.offsetWidth;
this.height=this.offsetHeight;
g.vmlOffsets(e)}
;
a.attachEvent("onload",c);
a.src=e.vmlBg;
a.removeAttribute("width");
a.removeAttribute("height");
document.body.insertBefore(a,document.body.firstChild)}
e.vml.image.fill.src=e.vmlBg;
f=false}
e.vml.image.fill.on=!f;
e.vml.image.fill.color="none";
e.vml.color.shape.style.backgroundColor=d.backgroundColor;
e.runtimeStyle.backgroundImage="none";
e.runtimeStyle.backgroundColor="transparent"}
,vmlOffsets:function(d){
var h,n,a,e,g,m,f,l,j,i,k;
h=d.currentStyle;
n={
W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop}
;
a=(n.L+n.bLW==1)?1:0;
e=function(b,p,q,c,s,u){
b.coordsize=c+","+s;
b.coordorigin=u+","+u;
b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";
b.style.width=c+"px";
b.style.height=s+"px";
b.style.left=p+"px";
b.style.top=q+"px"}
;
e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);
e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);
g={
X:0,Y:0}
;
if(d.isImg){
g.X=parseInt(h.paddingLeft,10)+1;
g.Y=parseInt(h.paddingTop,10)+1}
else{
for(j in g){
if(g.hasOwnProperty(j)){
this.figurePercentage(g,n,j,h["backgroundPosition"+j])}
}
}
d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);
m=h.backgroundRepeat;
f={
T:1,R:n.W+a,B:n.H,L:1+a}
;
l={
X:{
b1:"L",b2:"R",d:"W"}
,Y:{
b1:"T",b2:"B",d:"H"}
}
;
if(m!="repeat"||d.isImg){
i={
T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)}
;
if(m.search("repeat-")!=-1){
k=m.split("repeat-")[1].toUpperCase();
i[l[k].b1]=1;
i[l[k].b2]=n[l[k].d]}
if(i.B>n.H){
i.B=n.H}
d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}
else{
d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}
}
,figurePercentage:function(d,c,f,a){
var b,e;
e=true;
b=(f=="X");
switch(a){
case"left":case"top":d[f]=0;
break;
case"center":d[f]=0.5;
break;
case"right":case"bottom":d[f]=1;
break;
default:if(a.search("%")!=-1){
d[f]=parseInt(a,10)/100}
else{
e=false}
}
d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));
if(d[f]%2===0){
d[f]++}
return d[f]}
,fixPng:function(c){
c.style.behavior="none";
var g,b,f,a,d;
if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){
return}
c.isImg=false;
if(c.nodeName=="IMG"){
if(c.src.toLowerCase().search(/\.png$/)!=-1){
c.isImg=true;
c.style.visibility="hidden"}
else{
return}
}
else{
if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){
return}
}
g=DD_belatedPNG;
c.vml={
color:{
}
,image:{
}
}
;
b={
shape:{
}
,fill:{
}
}
;
for(a in c.vml){
if(c.vml.hasOwnProperty(a)){
for(d in b){
if(b.hasOwnProperty(d)){
f=g.ns+":"+d;
c.vml[a][d]=document.createElement(f)}
}
c.vml[a].shape.stroked=false;
c.vml[a].shape.appendChild(c.vml[a].fill);
c.parentNode.insertBefore(c.vml[a].shape,c)}
}
c.vml.image.shape.fillcolor="none";
c.vml.image.fill.type="tile";
c.vml.color.fill.on=false;
g.attachHandlers(c);
g.giveLayout(c);
g.giveLayout(c.offsetParent);
c.vmlInitiated=true;
g.applyVML(c)}
}
;
try{
document.execCommand("BackgroundImageCache",false,true)}
catch(r){
}
DD_belatedPNG.createVmlNameSpace();
DD_belatedPNG.createVmlStyleSheet();
CSS代码(map.css):
@charset "utf-8";*{margin:0px;padding:0px;}
body{font-family:"Microsoft Yahei",Arial,helvetica,arial,sans-serif;font-size:12px;margin:0;padding:0px;line-height:20px;color:#777;}
*:focus{outline:none;}
img{border:0;vertical-align:top;}
ul,li{margin:0px;padding:0;list-style-type:none;}
.clear{clear:both;height:0;overflow:hidden;font-size:0;}
a{blr:expression(this.onFocus=this.blur())}
a{color:#a0a0a0;text-decoration:none;outline:none;}
a:link,a:visited{color:#a0a0a0;text-decoration:none;outline:none;}
a:hover{color:#1fb388;outline:none;}
.con_right{width:750px;margin:0 auto;}
/* zh_map */
#zh_map{position:relative;width:743px;height:422px;overflow:hidden;padding-top:20px;}
.areaImg{position:absolute;width:743px;height:422px;z-index:3;}
.cityImg{position:absolute;z-index:1;display:none;}
#s_xinjiang{left:60px;top:82px;}
#s_gansu{left:213px;top:155px;}
#s_qinghai{left:181px;top:192px;}
#s_neimeng{left:255px;top:43px;}
#s_heilongjiang{left:422px;top:38px;}
#s_jilin{left:438px;top:113px;}
#s_liaoning{left:426px;top:141px;}
#s_ningxia{left:310px;top:196px;}
#s_shanxi{left:322px;top:193px;}
#s_shanxii{left:359px;top:181px;}
#s_hebei{left:385px;top:156px;}
#s_beijing{left:399px;top:164px;}
#s_shandong{left:402px;top:203px;}
#s_henan{left:363px;top:226px;}
#s_hubei{left:346px;top:262px;}
#s_hunan{left:350px;top:294px;}
#s_anhui{left:404px;top:241px;}
#s_shanghai{left:415px;top:234px;}
#s_jiangsu{left:415px;top:234px;}
#s_zhejiang{left:436px;top:285px;}
#s_fujian{left:421px;top:309px;}
#s_guangdong{left:360px;top:343px;}
#s_guangxi{left:312px;top:337px;}
#s_hainan{left:348px;top:395px;}
#s_guizhou{left:303px;top:304px;}
#s_yunnan{left:242px;top:306px;}
#s_sichuan{left:247px;top:252px;}
.map_city_list{position:absolute;width:160px;height:300px;background:#D5D5D5;z-index:260;margin-left:550px;margin-top:60px;padding:10px;}
.map_city_list h1{height:30px;border-bottom:1px solid #1fb388;color:#1fb388;font-size:15px;}
.shop_list_panel{position:relative;width:160px;height:250px;top:10px;}
.shop_list_panel .jspArrow{background:url(../images/d_arrow.jpg);}
.shop_list_panel .jspArrow.jspDisabled{background:url(../images/up_arrow.jpg);}
.shop_list_panel .jspVerticalBar{position:absolute;width:8px;}
.shop_list_panel .jspDrag{position:relative;background:#1fb388 url(../images/arrow_v.jpg) no-repeat;}
.shop_name_title{color:#1fb388;line-height:18px;font-size:12px;font-weight:bold;}
.shop_name_add{color:#666;line-height:18px;font-size:12px;padding-bottom:10px;}
分享到QQ
分享到微博
微信扫一扫
