index.phtml 5.1 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>友和市集</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        body,ul,ol,dl,dd,p,h1,h2,h3,h4,h5,h6,blockquote,pre,code,input,button,select,textarea,fieldset,legend,form,table,td,th {margin: 0; padding:0; text-align:center;width:1241px;margin:0 auto;}
        body,input,select,button,textarea {font-family: 'Helvetica', '华文黑体', 'microsoft yahei';}
        h1,h2,h3,h4,h5,h6{font-weight: normal;}
        a {text-decoration: none; color:#41A597;}
        a:hover {color: #666;}
        ul,ol {list-style-type: none;}
        img { -user-select: none; -webkit-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none; border:0;}
        :focus {outline: 0;}
        .clear:after {clear: both; display: block; visibility: hidden; content: ""; height: 0;}
        .clear {zoom: 1;}
        .yh-master {width: 890px;margin: 0 auto;}
        .yh-master li{width: 134px; float: left; margin-right: 54px; text-align: center; }
        .yh-master-avatar {font-size: 0; position: relative; margin-bottom: 15px;}
        .yh-master-avatar img {width: 134px;}
        .yh-master-avatar img {border:2px solid #E6F6F3;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
        .head {border: 1px solid #dddddd; background: #f4f4f4;}
        .head ul {width: 1095px; margin: 0 auto;}
        .head li {float: left; font-size: 12px;  height: 34px; line-height: 34px;}
        .head a {color: #333; padding: 0 15px;}
        .head .current {background: #fff; position: relative; height: 35px; margin-bottom: -1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
        .icon-master-gold {width: 46px; height: 26px; background: url(http://static.yhfair.com/images/icon.png) 0 bottom no-repeat; position: absolute; content: ""; left: 50px; bottom: -8px;}
        .body{ width:1240px; margin:0 auto;}
        .logo_pan{ width:100%; height:85px; text-align:center;}
        .logo_pan img{margin-top:24px}
        .banner_pan{width:100%;  height:auto}
        .content_list{width:1020px; margin:0 auto}
        .content_list li{width:236px;margin:9px;float:left}
    </style>
</head>
<body bgcolor="#ffffff">
<div class="head">
    <ul class="clear">
        <li><a href="http://www.yohobuy.com" target="_blank" title="YOHO!有货 | 年轻人潮流购物中心,中国潮流购物风向标">YOHO!有货</a></li>
        <li><a href="http://www.yoho.cn" target="_blank" title="YOHO.CN |潮流分享社区|时尚 街拍 个性 街拍">YOHO.CN</a></li>
        <li><a href="http://www.yohoshow.com" target="_blank" title="YOHO!SHOW | 潮流生活分享app,用品牌标签钉注你的衣食住行">YOHO!SHOW</a></li>
        <li class="current"><a href="#" target="_blank" title="">YHFAIR.COM</a></li>
    </ul>
</div>
<div class="logo_pan">
    <img src="http://static.yhfair.com/images/logo.png" />
</div>
<div class="banner_pan">
    <img src="http://static.yhfair.com/images/landingpage_c1.jpg" alt="" usemap="#Map" border="0" />
	<map name="Map" id="Map">
            <area shape="rect" coords="389,351,611,412" href="http://itunes.apple.com/cn/app/id913948820" target="_blank"/>
            <area shape="rect" coords="632,352,851,410" href="http://android.app.qq.com/myapp/detail.htm?apkName=cn.yoho.marketplace" target="_blank" />
        </map>
</div>
<div class="body">
    <img src="http://static.yhfair.com/images/landingpage_c2.jpg"/>
    <img src="http://static.yhfair.com/images/landingpage_c3.jpg" style='margin-bottom: 10px'/>
    <!--<img src="http://static.yhfair.com/images/landingpage_c4.jpg"/>-->
    <div style="position:relative; margin: 0xp auto">
    <img src="http://static.yhfair.com/images/landingpage_c5.png"  usemap="#iMap"/>
    <img src="http://static.yhfair.com/images/qrcode.png" id='qrcodeImg' style="position:absolute;right:145px;top:0px;display:none"/>
    <map name="iMap" id="iMap">
        <area shape="rect" coords="268,25,489,87" href="http://itunes.apple.com/cn/app/id913948820" target="_blank"/>
        <area shape="rect" coords="507,24,732,86" href="http://android.app.qq.com/myapp/detail.htm?apkName=cn.yoho.marketplace" target="_blank"/>
        <area shape="rect" coords="751,24,974,86" href="javascript:void(0);" id="QRcode" />
        <area shape="rect" coords="371,156,484,181" href="javascript:void(0);" />
        <area shape="rect" coords="501,154,578,180" href="javascript:void(0);" />
        <area shape="rect" coords="594,154,673,179" href="javascript:void(0);" />
        <area shape="rect" coords="692,155,771,181" href="javascript:void(0);" />
        <area shape="rect" coords="788,157,871,183" href="javascript:void(0);" />
    </map>
    </div>
</body>
<script src="http://static.yhfair.com/js/jquery-1.11.0.js"></script>
<script>
    $('#QRcode').mouseover(function (){
        $('#qrcodeImg').show();
    });
    $('#QRcode').mouseout(function (){
        $('#qrcodeImg').hide();
    });
</script>
</html>