Rainbow-webFrontend
/
showMerchant.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>Rainbow</title>
    <link rel="shortcut icon" href="images/logoSmall.png">
    <link rel="stylesheet" type="text/css" href="css/bobo.css"/>
    <link href="bootstrap/css/bootstrapBOBO.css" rel="stylesheet">
    <link href="css/flat-uiBOBO.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/zzsc.css"/>
    <script type="text/javascript" src="js/zzsc.js"></script>
<body onload="showMap();">
<nav class="navbar navbar-default" role="navigation" id="navQuery">
  <div class="collapse navbar-collapse" id="navbar-collapse-01">
    <ul class="nav navbar-nav" id="liNav">
      <li ><span id="logo"></span><span id="spanLs0"><a href="home.html"target="_self"id="ls0" class="navFocus">Rainbow</a></span></li>
      <li ><a href="showFood.html" class="ls" style="color:#FFF;">美食</a></li>
      <li ><a href="showHotel.html" class="ls"style="color:#FFF;">酒店</a></li>
      <li ><a href="showTicket.html" class="ls"style="color:#FFF;">机票</a></li>
      <li ><a href="showTravel.html" class="ls"style="color:#FFF;">旅游</a></li>
      <li ><a href="showClothes.html" class="ls"style="color:#FFF;">服饰</a></li>
      <li ><a href="showEntertain.html" class="ls"style="color:#FFF;">娱乐</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->

  <div  id="rightNav">
    <div id="codeFloat" style="background: url('img/code.jpg');"></div>
    <div id="heartRight"><a href="#loginmodal" class="modaltrigger"><div style="width:50px;height:50px;"></div></a></div>
    <div id="code"></div>
    <div id="arrowTop"><a href='#'></a></div>
  </div>

  <div class="dropdown" style="position:fixed;left:180px;top:5px;height:50px;">
        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="background-color:#14191c;" ><span id="presentCity">四川</span><span class="caret"></span></button>
      <span class="dropdown-arrow"></span>
      <ul class="dropdown-menu" id="city">
      <li style="font-size:20px;width=400px;"><span class="chooseArea">华北地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">北京</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">天津</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">河北</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">山西</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">内蒙古</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span class="chooseArea">华南地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">广东</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">广西</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">河南</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">湖北</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">湖南</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">海南</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span class="chooseArea">华东地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">上海</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">江苏</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">浙江</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">安徽</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">福建</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">江西</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">山东</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span class="chooseArea">西南地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">重庆</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">四川</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">贵州</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">云南</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">西藏</a></span>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">东北地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">辽宁</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">吉林</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">黑龙江</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span class="chooseArea">西北地区</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">陕西</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">甘肃</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">青海</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">宁夏</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">新疆</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span class="chooseArea">港澳台</span>
          <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">香港</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">澳门</a></span>
            <span class="chooseCity"><a href="#fakelink" onclick="changeCity(this)">台湾</a></span>
        </li>
      </ul>
  </div>


</nav><!-- /navbar -->

<div id="logIn" style="font-family:幼圆;">
  <div id = "logMember"><a href="#loginmodal" class="modaltrigger">会员登录</a></div>
    <div id = "line1">  | </div>
    <div id = "logMerchant"><a href="#loginmodal2" id="modaltrigger2">商家登录</a></div>
    <div id = "addMerchant"><a href="#" >商家入盟</a></div>
    <div id = "line2">  | </div>
    <div id = "logOperator"><a href="#loginmodal4" id="modaltrigger4">运营方登录</a></div>
</div>

<div id="loginmodal" style="display:none">
  <div id="windowTop" align="center">
    <div id="deleteLog" class="flatbtn-blu hidemodal">×</div>
    <div style="position:relative;top:6px;">会员登录</div>
  </div>
  <form id="loginform" name="loginform" method="" style="position:relative;left:40px;">
    <label for="username" id="labelMemberName">会员账号:</label>
    <p id="warnMemberName">请输入账号名</p>
    <p id="warnMemberNumber">账号名应为手机号</p>
    <div id="forgetMemberLog"><a href="forgetKey1.html" style="color:#1abc9c;">忘记登录密码？</a></div>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;" id="memberLogName">
    <label for="username" id="labelMemberLogKey">会员密码:</label><br />
    <p id="warnMemberKey">请输入密码</p>
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;" id="memberLogKey">
    <label class="checkbox" for="checkbox2" style="position:relative;top:5px;">
            <input type="checkbox" value="" id="checkbox2" checked="checked" data-toggle="checkbox">
            记住密码
          </label>
    <div style="position:relative; top:10px;">
      <input type="button" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;" id="memberLog">
    </div>
    <p id="warnMemberKeyWrong">密码错误</p>
  </form>
</div>

<div id="loginmodal2" style="display:none">
  <div id="windowTop" align="center">
    <div id="deleteLog" class="flatbtn-blu hidemodal2">×</div>
    <div style="position:relative;top:6px;">欢迎联盟商家登录</div>
  </div>
  <form id="loginform" name="loginform" method="post" style="position:relative;left:40px;">
    <label for="username" id="labelMerchantName">商家账号:</label>
    <p id="warnMerchantName">请输入账号名</p>
    <p id="warnMerchantNumber">账号名应为手机号</p>
    <div id="forgetMerchantLog"style=""><a href="forgetKey1.html" style="color:#1abc9c;">忘记登录密码？</a></div>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;" id="merchantLogName">
    <label for="username" id="labelMerchantLogKey">账号密码:</label><br />
    <p id="warnMerchantKey">请输入密码</p>
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;" id="merchantLogKey">
     <label class="checkbox" for="checkbox2" style="position:relative;top:5px;">
            <input type="checkbox" value="" id="checkbox2" checked="checked" data-toggle="checkbox">
            记住密码
          </label>
    <div style=" position:relative; top:10px;" id="merchantLog">
      <input type="button" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;" id="merchantLog">
    </div>
    <p id="warnMerchantKeyWrong">密码错误</p>
  </form>
</div>

<div id="loginmodal4" style="display:none">
  <div id="windowTop" align="center">
    <div id="deleteLog" class="flatbtn-blu hidemodal4">×</div>
    <div style="position:relative;top:6px;">运营方登录</div>
  </div>
  <form id="loginform" name="loginform" method="post" style="position:relative;left:40px;">
    <label for="username" id="labelOperatorName">运营账号:</label>
    <p id="warnOperatorName">请输入账号名</p>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;" id="operatorLogName">
    <label for="username" id="labelOperatorLogKey">登录密码:</label><br />
    <p id="warnOperatorKey">请输入密码</p>
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;" id="operatorLogKey">

    <div style=" position:relative; top:30px;"><input type="button" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;" id="operatorLog"></div>
  </form>
</div>

<div id="loginmodal5" style="display:none;">
  <div id="windowTop" align="center" style="width:600px;">
    <div id="deleteLog" class="flatbtn-blu hidemodal5" style="left:555px;">×</div>
    <div style="position:relative;top:6px;">完整地图</div>
  </div>
  <div id="showMap2"></div>
</div>

<img id="showConcreteButton" src="css/img/showConcrete.png" />
<div id="showConcrete" style="display:none;">
  <div id="showConcreteBack">
    <img src="css/img/showConcreteOn.png" width=60 height=60 style="position:relative;" />
      <p id="showConMerchant">商家
        <span id="showConMerName">曼娜莎女士服装店</span>
      </p>
      <hr id="smLine1"/>
      <p id="showConAddress">地址
        <span id="showConAddrActual">湖北省武汉市武昌区珞珈山(八一路299号)</span>
      </p>
      <hr id="smLine2"/>
      <p id="showConBrief">简介
        <span id="showConBriefContent">中国·深圳市曼娜莎服饰有限公司秉承"美好女人的一生"的经营理念，主营"曼娜莎"品牌系列服饰及床上用品，集设计、制造、营销为一体；建有3家大型服装生产制造加工厂，拥有一大批专业精英人才，具有深厚的企业文化底蕴。"曼娜莎"风格独特，品质优秀，在同类品牌中独树一帜，成为年轻女性们的拥戴品牌。曼娜莎公司发展成为一家集设计、生产与销售为一体的、以"曼娜莎"为主导品牌的著名服装企业，旗下拥有童装"小淑女和约翰"、青春女装"曼娜莎"、高级成衣"Fairyfair"、男女休闲装"自然元素"曼娜莎床上用品等。</span>
      </p>
  </div>
  <div id="showMap1"></div>
    <a href="#loginmodal5" id="modaltrigger5">
    <button id="showConcreteMap" class="btn btn-primary">
        查看完整地图
    </button>
    </a>
</div>


<img id="smBigBack" src="img/showBackgroundBig.jpg">

<div id="smMiddle" align="center">
  <img src="" id="smBrandSmall" />
    <p id="smMiddleName" align="left"></p>
    <img src="css/img/showHeartNone.png" class="smHeart showHeart" />
</div>

<div class="showProduct"  style="top:600px;left:170px;">
<a id="a1" href=""target="_blank">
    <div id="img1" style="width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p11" class="smProductName"></p>
    <p id="p12" class="smPrice">￥
      <span id="s1" style="font-size:25px;font-family:Verdana, Geneva, sans-serif;"></span>
        </p>

</a>
</div>
<div class="showProduct"  style="top:600px;left:420px;">
<a id="a2" href="showProduct.html"target="_blank">
    <div id="img2" style="background: url(img/picture/V2.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p21" class="smProductName">OL雪纺衫</p>
    <p id="p22" class="smPrice">￥
      <span id="s2" style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">399(4.9折)</span>
        </p>

</a>
</div>

<div class="showProduct"  style="top:600px;left:670px;">
<a id="a3" href="showProduct.html"target="_blank">
    <div id="img3" style="background: url(img/picture/V3.jpg); width: 225px; height: 300px; background-position:top center;"></div>
    <p id="p31" class="smProductName">双层透视雪纺长裙</p>
    <p id="p32" class="smPrice">￥
      <span id="s3" class="smPriceNumber">599(4.9折)</span>
        </p>

</a></div>

<div class="showProduct"  style="top:600px;left:920px;">
<a id="a4" href="showProduct.html"target="_blank">
    <div id="img4" style="background: url(img/picture/V4.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p41" class="smProductName">薄镂空雪纺长裙</p>
    <p id="p42" class="smPrice">￥
      <span id="s4" class="smPriceNumber">349(4.9折)</span>
        </p>

</a></div>

<div class="showProduct"  style="top:1000px;left:170px;">
<a id="a5" href="showProduct.html"target="_blank">
    <div id="img5" style="background: url(img/picture/V5.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p51" class="smProductName">雪纺荷叶袖衬衫</p>
    <p id="p52" class="smPrice">￥
      <span id="s5" class="smPriceNumber">279(4.9折)</span></p>

</a></div>
<div class="showProduct"  style="top:1000px;left:420px;">
<a id="a6" href="showProduct.html"target="_blank">
    <div id="img6" style="background: url(img/picture/V6.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p61" class="smProductName">连身牛仔裤</p>
    <p id="p62" class="smPrice">￥
      <span id="s6" class="smPriceNumber">699(4.9折)</span></p>

</a></div>
<div class="showProduct"  style="top:1000px;left:670px;">
<a id="a7" href="showProduct.html"target="_blank">
    <div id="img7" style="background: url(img/picture/V7.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p71" class="smProductName">连身雪纺裤</p>
    <p id="p72" class="smPrice">￥
      <span id="s7" class="smPriceNumber">399(4.9折)</span>
        </p>

</a></div>
<div class="showProduct"  style="top:1000px;left:920px;">
<a id="a8" href="showProduct.html" target="_blank">
    <div id="img8" style="background: url(img/picture/V8.jpg); width: 225px; height: 300px; background-position: top center; "></div>
    <p id="p81" class="smProductName">包臀短袖连衣短裙</p>
    <p id="p82" class="smPrice">￥
        <span id="s5" class="smPriceNumber">699(4.9折)</span>
        </p>

</a></div>


<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/flatui-checkbox.js"></script>
<script src="js/bobo.js"></script>
<script src="js/jquery.leanModal.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="http://api.map.baidu.com/api?v=1.2"></script>
<script src="js/henryzhaojs/zlz.js"></script>
</body>
</html>