724 lines
33 KiB
HTML
724 lines
33 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml" class="hb-loaded">
|
||
|
||
<head>
|
||
<meta charset="utf-8"/>
|
||
<title>DarryRing首页</title>
|
||
<link href="/css/index_A.css?v=1.3.7.1" type="text/css" rel="stylesheet"/>
|
||
<link href="/css/same_A.css?v=1.3.7.2" type="text/css" rel="stylesheet"/>
|
||
<script type="text/javascript" src="/js/jquery.js"></script>
|
||
<script src="/js/jsex.js?virsion=1.3.7.2" type="text/javascript"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<!--遮罩-->
|
||
<div class="backall"></div>
|
||
<!--遮罩end-->
|
||
<!--头部-->
|
||
<div class="cmain">
|
||
<div class="headtop">
|
||
<!--头部左边-->
|
||
<div class="top-left fl">
|
||
<a title="Darry Ring" href="/index"> <img width="187" height="42" alt="Darry Ring官网"
|
||
src="/images/logo.png"/> </a>
|
||
<span style="font-weight: normal;">求婚钻戒领导品牌</span>
|
||
</div>
|
||
<!--头部左边end-->
|
||
<!--头部右边-->
|
||
<div class="top-right fr">
|
||
<!--登录注册-->
|
||
<ul class="tright-ul fl">
|
||
<div id="ucheader1_pllogin1">
|
||
<li><a rel="nofollow" href="/login">登录</a><em>|</em></li>
|
||
<li><a rel="nofollow" href="/reg">注册</a></li>
|
||
<li class="headed"><em class="icon shooping"></em><a target="black" rel="nofollow"
|
||
href="/cart">购物车</a><i>(0)</i>
|
||
</li>
|
||
</div>
|
||
</ul>
|
||
</div>
|
||
<!--头部右边end-->
|
||
</div>
|
||
</div>
|
||
<!--头部end-->
|
||
<!--导航-->
|
||
<div class="nav">
|
||
<div class="cmain">
|
||
<!--导航的左边-->
|
||
<ul class="nav-ul fl">
|
||
<li><a href="index">首页</a></li>
|
||
<li><a href="brand">品牌文化</a></li>
|
||
<li><a style="font-family:arial" href="/lists">Darry Ring 求婚钻戒</a>
|
||
<div class="nav-div">
|
||
<div class="navdiv_top">
|
||
<div class="navdiv-right">
|
||
<p><a href="/lists"> 查看所有款</a></p>
|
||
<p><a href="/dr_series/12_22.html">Forever系列</a></p>
|
||
<p><a href="/dr_series/11_20.html">My Heart系列</a></p>
|
||
<p><a href="/dr_series/16_30.html">True Love系列</a></p>
|
||
<p><a href="/dr_series/15_28.html">I Swear系列</a></p>
|
||
<p><a href="/dr_series/13_24.html">Just you系列</a></p>
|
||
</div>
|
||
<div class="navdiv-left">
|
||
<h3> NEW</h3>
|
||
<a href="/detail"> <img width="138" height="97" src="/images/03wj.jpg"/></a>
|
||
<div class="more_cp">
|
||
<a href="/detail">> 了解该系列产品</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="navdiv_bottom"></div>
|
||
</div>
|
||
</li>
|
||
<li><a href="/question">常见问题</a></li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
<!--导航end-->
|
||
<script type="text/javascript">
|
||
function logout() {
|
||
if (window.confirm('确定退出吗？')) {
|
||
|
||
$.get("/nAPI/QuitExit.ashx", function (data) {
|
||
window.location.href = "/";
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
<!--banner-->
|
||
<div class="indexbanner-all">
|
||
<ul class="indexbanner">
|
||
<li class="tb_first" style="display: block; opacity: 0.982279;">
|
||
<div class="cmain cb_main">
|
||
|
||
<div class="banner-word sp_width">
|
||
<img src="/images/dr_logo.png"/>
|
||
<div class="baner_longline">
|
||
<em></em>
|
||
<span>爱的最高承诺</span>
|
||
<em></em>
|
||
</div>
|
||
<h2>男士一生仅能定制一枚</h2>
|
||
<div class="baner_shortline">
|
||
<em></em>
|
||
<span>寓意：一生·唯一·真爱</span>
|
||
<em></em>
|
||
</div>
|
||
<div class="button sp_button">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/brand">了解品牌文化</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--中间的内容-->
|
||
<div class="all-thing">
|
||
<div class="cmain">
|
||
<!--资讯内容的ul-->
|
||
|
||
|
||
<ul class="all_tab">
|
||
<li style="display: none;">
|
||
<!--tab选项卡下的左边内容-->
|
||
<div class="tab_left fl">
|
||
<img width="504" height="314" alt="Forever经典系列" src="/images/fimg6.jpg"/>
|
||
</div>
|
||
<!--tab选项卡下的左边内容 end-->
|
||
<!--tab选项卡下的右边内容-->
|
||
<div class="tab_right fr">
|
||
<h3> Forever系列</h3>
|
||
<p> 爱如Forever经典的六爪</p>
|
||
<p> 任时光流逝,唯爱永固,祈岁月静好,唯爱永恒</p>
|
||
<div class="to_more">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/lists">了解更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--tab选项卡下的右边内容 end-->
|
||
</li>
|
||
<li style="display: none;">
|
||
<!--tab选项卡下的左边内容-->
|
||
<div class="tab_left fl">
|
||
<img width="504" height="314" alt="Marry Me系列" src="/images/fimg1.jpg"/>
|
||
</div>
|
||
<!--tab选项卡下的左边内容 end-->
|
||
<!--tab选项卡下的右边内容-->
|
||
<div class="tab_right fr">
|
||
<h3> Marry Me系列</h3>
|
||
<p> 承诺相伴一生真爱之人,一生一次，一次一生的爱情信物</p>
|
||
<p> 7月15日 正午12点浪漫发售</p>
|
||
<div class="to_more">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/lists">了解更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--tab选项卡下的右边内容 end-->
|
||
</li>
|
||
<li style="display: none;">
|
||
<!--tab选项卡下的左边内容-->
|
||
<div class="tab_left fl">
|
||
<img width="504" height="314" alt="My heart系列" src="/images/fimg2.jpg"/>
|
||
</div>
|
||
<!--tab选项卡下的左边内容 end-->
|
||
<!--tab选项卡下的右边内容-->
|
||
<div class="tab_right fr">
|
||
<h3> My heart系列</h3>
|
||
<p> 将我的心刻入璀璨的钻石 呈献给最爱的你 </p>
|
||
<p> 此生只愿，把心交给你</p>
|
||
<div class="to_more">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/lists">了解更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--tab选项卡下的右边内容 end-->
|
||
</li>
|
||
<li style="display: list-item; opacity: 0.470565;">
|
||
<!--tab选项卡下的左边内容-->
|
||
<div class="tab_left fl">
|
||
<img width="515" height="314" alt="True Love系列" src="/images/fimg3.jpg"/>
|
||
</div>
|
||
<!--tab选项卡下的左边内容 end-->
|
||
<!--tab选项卡下的右边内容-->
|
||
<div class="tab_right fr">
|
||
<h3> True Love系列</h3>
|
||
<p> 沿袭了欧式古典,圆融了世间美好,绽放女人最温润的内敛</p>
|
||
<p> 从今往后，将你我恒久岁月,用True Love细细包容</p>
|
||
<div class="to_more">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/lists">了解更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--tab选项卡下的右边内容 end-->
|
||
</li>
|
||
<li style="opacity: 0.529435; display: list-item;">
|
||
<!--tab选项卡下的左边内容-->
|
||
<div class="tab_left fl">
|
||
<img width="504" height="314" alt="I Swear系列" src="/images/fimg4.jpg"/>
|
||
</div>
|
||
<!--tab选项卡下的左边内容 end-->
|
||
<!--tab选项卡下的右边内容-->
|
||
<div class="tab_right fr">
|
||
<h3> I Swear系列</h3>
|
||
<p> 不论顺境逆境、贫穷富贵、健康疾病</p>
|
||
<p> 将我们的誓言印刻在永恒的钻石上，散发最闪耀的光芒</p>
|
||
<div class="to_more">
|
||
<div class="bt2">
|
||
<a target="_blank" href="/lists">了解更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--tab选项卡下的右边内容 end-->
|
||
</li>
|
||
</ul>
|
||
<!--tab选项卡下的内容 end-->
|
||
<!--推荐款式-->
|
||
<div class="hot-ks">
|
||
<a class="fr" target="_blank" href="/lists">更多</a>
|
||
<span class="other_color" id="renqi"><i>人气最高</i><em></em> </span>
|
||
<span id="rxph"><i>热销商品</i><em></em> </span>
|
||
</div>
|
||
<!--购买的款式-->
|
||
<div class="cmain">
|
||
<ul id="ullist" class="buyit">
|
||
<li>
|
||
<div class="by_top">
|
||
<a target="_blank" href="/detail" rel="nofollow"></a>
|
||
<div style="opacity:1" class="bything-one">
|
||
<img width="236px" height="236px" alt="Forever系列 "
|
||
src="/images/2014090119350717386d7a1e.jpg"/>
|
||
</div>
|
||
<div style="opacity:0" class="bything-two">
|
||
<img width="236px" height="236px" src="/images/201409011935072849fe802f.jpg"/>
|
||
</div>
|
||
</div>
|
||
<div class="by_center"></div>
|
||
<div class="by_bottom">
|
||
<p><a target="_blank" href="/detail">Forever系列 经典款 50分 H色</a></p>
|
||
<p><span>￥25,700</span><i>销量：5698</i></p>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<!--款式end-->
|
||
</div>
|
||
|
||
<!--底部-->
|
||
<div class="footer">
|
||
<!--错误-->
|
||
<!--提示-->
|
||
<div class="loverit_word2" style="display: none;">
|
||
Darry Ring严格规定男士凭身份证一生仅能定制一枚，象征男人一生真爱的最高承诺。输入身份证号码即可查询购买记录。
|
||
</div>
|
||
<!--提示end-->
|
||
<div class="loverit_wrong2" style="display: none;">
|
||
<p>信息填写不正确，请重新输入。</p>
|
||
</div>
|
||
<!--错误end-->
|
||
<!--验证身份-->
|
||
<div class="loveit_center">
|
||
<div class="love_doit2" style="display: none;">
|
||
<div class="loverit_center2">
|
||
<div class="loverit_write2">
|
||
<label>国家/区域:</label>
|
||
<select id="txtArea" style="vertical-align: middle;height:22px;">
|
||
<option value="0">中国大陆</option>
|
||
<option value="1">中国香港</option>
|
||
<option value="2">中国澳门</option>
|
||
<option value="3">中国台湾</option>
|
||
</select>
|
||
<label>先生姓名:</label>
|
||
<input type="text" class="lit_txt" id="textName2"/>
|
||
<label>身份证号码:</label>
|
||
<input type="text" class="lit_txt" id="textIDCard2"/>
|
||
<span id="btnsub2"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--验证身份end-->
|
||
<div style="clear:both"></div>
|
||
<div class="cmain">
|
||
<ul class="Service_ul">
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p>权威认证</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_2">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 一钻双证</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_3">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 终生保养</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_4">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 以小换大</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_5">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 15天退换</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_6">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 全国免运费</p>
|
||
</a>
|
||
</li>
|
||
<!--每一块li-->
|
||
<li>
|
||
<div class="Service_ul-img bk_7">
|
||
<a href="javascript:void(0)" rel="nofollow"></a>
|
||
</div>
|
||
<a href="javascript:void(0)" rel="nofollow">
|
||
<p> 全程保险</p>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<!--条文-->
|
||
<div class="auto" id="Menu_Service">
|
||
</div>
|
||
<div class="tw-foot">
|
||
<div class="auto" id="Copyright">
|
||
<p> Copyright © 2017 winner winner,chicken dinner All Rights Reserved.
|
||
闽ICP备11012085号-2.ICP经营许可证闽B2-20140279 </p>
|
||
<p> 中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票 </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="model" id="model">
|
||
<div class="Prompt" id="Prompt">
|
||
</div>
|
||
<span id="log_uid" style="display:none"></span>
|
||
<span id="log_uname" style="display:none"></span>
|
||
<span id="log_orderid" style="display:none"></span>
|
||
<span id="log_price" style="display:none"></span>
|
||
</div>
|
||
<!-- <script src="http://wpa.b.qq.com/cgi/wpa.php" charset="utf-8" type="text/javascript"></script> -->
|
||
<!--客服(2014年8月29日)-->
|
||
<div style="display:none" class="Ffloat_kf">
|
||
<div class="fkf_top">
|
||
<div style="cursor: pointer; display: none;" id="bridgehead">
|
||
</div>
|
||
<div id="BizQQWPA"></div>
|
||
<div onClick="showModel(modelsever);" style="cursor: pointer;" class="qq_hover" id="qqTalk_head">
|
||
</div>
|
||
<div id="BizQQWPAB" class="sh">
|
||
</div>
|
||
<div id="bdBridge">
|
||
<a href="javascript:NTKF.im_openInPageChat()"> <img width="75" height="37" src="/images/zx.jpg"/></a>
|
||
</div>
|
||
</div>
|
||
<div class="fkf_bottom">
|
||
<img width="92" height="82" alt="Darry Ring 官方微信" src="/images/to_erwei.jpg"/>
|
||
<a href="#"> <img width="92" height="26" src="/images/db.jpg"/></a>
|
||
</div>
|
||
</div>
|
||
<!--新版右边客服start-->
|
||
<!--右边漂浮悬挂大的-->
|
||
<div class="float_big">
|
||
<div class="floatbig_hide fr"></div>
|
||
<div class="floatbig_center">
|
||
<!--客服-->
|
||
<div onClick="javascript:NTKF.im_openInPageChat();" id="Bearonline" class="floatbig_center-kf"></div>
|
||
<!--客服end-->
|
||
<!--定制咨询-->
|
||
<div id="dzzxonline" class="floatbig_center-zx">
|
||
<a href="javascript:showModel(modelsever);"></a>
|
||
</div>
|
||
<!--定制咨询end-->
|
||
<img src="/images/ew.jpg"/>
|
||
</div>
|
||
</div>
|
||
<!--右边漂浮悬挂大的end-->
|
||
<!--右边漂浮悬挂小的-->
|
||
<div class="float_small">
|
||
<div class="floatbig_show fr"></div>
|
||
<div class="floatbig_center">
|
||
<!--客服-->
|
||
<div onClick="javascript:NTKF.im_openInPageChat();" class="floatsmall_center-kf fr"></div>
|
||
<!--客服end-->
|
||
<!--定制咨询-->
|
||
<div class="floatsmall_center-zx fr">
|
||
<a href="javascript:showModel(modelsever);"></a>
|
||
</div>
|
||
<!--定制咨询end-->
|
||
<!--二维码-->
|
||
<div class="floatsmall_erwei fr">
|
||
<a href="#"></a>
|
||
</div>
|
||
<!--二维码end-->
|
||
</div>
|
||
</div>
|
||
<!--右边漂浮悬挂小的end-->
|
||
<!--返回顶部-->
|
||
<div class="comeback" style="display: block;"></div>
|
||
<!--返回顶部end-->
|
||
<!--新版右边客服end-->
|
||
<div style="position: fixed; cursor: pointer; right: 6px; top: 289px; padding-bottom: 152px; z-index: 9999; width: 19px; height: 103px; display: none;"
|
||
onClick="openserver();" id="openbnt">
|
||
<img width="19" height="103" src="../images/server_03.jpg"/>
|
||
</div>
|
||
<div class="news_tc">
|
||
<div class="newtc_left">
|
||
</div>
|
||
<div class="newtc_right">
|
||
<span style="cursor: pointer" class="sszs">稍后再说</span>
|
||
<span class="xzzx"><a onClick="showxiaon()" style="cursor: pointer" id="chatnow"> 现在咨询</a></span>
|
||
<div style="cursor: pointer" class="tocclose">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mask" id="masks">
|
||
</div>
|
||
<div style="display:none;" class="modelsever" id="modelsever">
|
||
<div class="cs_top">
|
||
<div class="cs_topcenter">
|
||
<div style="width:300px; height:40px; line-height:40px; float:left; display:inline-block; ">
|
||
顾客常见疑问
|
||
</div>
|
||
<div style="width:385px; height:20px; float:left; text-align:right; padding-top:20px;">
|
||
<img width="55" height="9" style="cursor: pointer;" onClick="CloseMaskser()"
|
||
src="../images/popup_window_btn_close.gif"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="cs_content clear">
|
||
<div id="box1" class="box1">
|
||
<div onClick="contenttxt(1,1)" id="content_title_11" class="content_title">
|
||
<span style="margin-top:8px;">Q：Darry Ring 是否有实体店？</span>
|
||
</div>
|
||
<div id="content_title1_1" class="content_txt">
|
||
<span style="margin-top:1px;">A：DR公司总部在香港，目前内地深圳市、北京市、重庆市、广州市、上海市、武汉市、南京市、长沙市设有实体店，支持到店订购，也支持全国在线官网订购。同时目前其他一线城市公司已在考察选址阶段，将陆续开设店面。</span>
|
||
</div>
|
||
<div onClick="contenttxt(1,2)" id="content_title_12" class="content_title">
|
||
<span style="margin-top:8px;">Q：实体店具体位置？</span>
|
||
</div>
|
||
<div id="content_title1_2" class="content_txt">
|
||
<span style="margin-top:1px;">A：深圳实体店地址：深圳南山区世界之窗旁欧陆小镇4号楼Darry Ring （地铁罗宝线世界之窗I出口）深圳店联系方式：0755-86621782。<p></p> 北京实体店地址：北京东二环朝阳门桥银河SOHO中心B座负一层2-109 （朝阳门地铁G出口） 北京店联系方式：010-59576758。<p></p> 上海实体店地址：上海长宁区淮海西路570号红坊创意园区G-108栋(近虹桥路) 上海店联系方式：021-60934520。<p></p> 广州实体店地址：广州市天河区天河北路233号中信广场商场136单元 广州店联系方式：020-38836315。<p></p> 重庆实体店地址：重庆市渝中区解放碑步行街民族路188号环球金融中心（WFC）LG-B02A 重庆店联系方式：023-63710835。<p></p> 武汉实体店地址：武汉市洪山区光谷意大利风情街5号楼一层51021号 武汉店联系方式：027-87688895。<p></p> 南京实体店地址：南京市长江路288号1912街区17号楼一层 南京店联系方式：025-83613520。<p></p> 长沙实体店地址：长沙市开福区中山路589号万达百货商场2楼 长沙店联系方式：0731-83878575。<p></p> 全国400客服热线：400 01 13520。</span>
|
||
</div>
|
||
<div onClick="contenttxt(1,3)" id="content_title_13" class="content_title">
|
||
<span style="margin-top:8px;">Q：到店订购和官网订购的价格一致吗？</span>
|
||
</div>
|
||
<div id="content_title1_3" class="content_txt">
|
||
<span style="margin-top:1px;">A：DR的所有商品，到店订购和官网订购的时间周期，价格，质量及售后服务均一致。</span>
|
||
</div>
|
||
<div onClick="contenttxt(1,4)" id="content_title_14" class="content_title">
|
||
<span style="margin-top:8px;">Q：价格是否有折扣优惠？</span>
|
||
</div>
|
||
<div id="content_title1_4" class="content_txt">
|
||
<span style="margin-top:1px;">A：DR的品牌寓意为一生唯一真爱，大多是用作见证彼此求婚或结婚这一神圣时刻，所以所有商品都是常年任何节假日没有折扣活动，就像彼此一生唯一真爱的承诺及永恒的爱情，永不打折。</span>
|
||
</div>
|
||
<div onClick="contenttxt(1,5)" id="content_title_15" class="content_title">
|
||
<span style="margin-top:8px;">Q：为什么在官网上输入姓名身份证号后看不到款式？</span>
|
||
</div>
|
||
<div id="content_title1_5" class="content_txt">
|
||
<span style="margin-top:1px;">A：www.darryring.com 官网首页点击—求婚钻戒，进入页面后不需要填写任何信息，移动鼠标到最下方，就可以看到Darry Ring女戒的所有款式。</span>
|
||
</div>
|
||
<div onClick="contenttxt(1,6)" id="content_title_16" class="content_title">
|
||
<span style="margin-top:8px;">Q：到实体店是否可以立刻拿到戒指？</span>
|
||
</div>
|
||
<div id="content_title1_6" class="content_txt">
|
||
<span style="margin-top:1px;">A：您好，DR的所有商品都是需要根据您选择的款式、手寸大小及刻字信息来定制。实体店仅提供款式体验及预订，与官网购买的定制时间是一致的，可于15-20个工作日内送到或自取。</span>
|
||
</div>
|
||
</div>
|
||
<div id="box2" class="box2">
|
||
<div onClick="contenttxt(2,1)" id="content_title_21" class="content_title"></div>
|
||
<div id="content_title2_1" class="content_txt"></div>
|
||
<div onClick="contenttxt(2,2)" id="content_title_22" class="content_title"></div>
|
||
<div id="content_title2_2" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(2,3)" id="content_title_23" class="content_title"></div>
|
||
<div id="content_title2_3" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(2,4)" id="content_title_24" class="content_title"></div>
|
||
<div id="content_title2_4" class="content_txt">
|
||
</div>
|
||
</div>
|
||
<div id="box3" class="box3">
|
||
<div onClick="contenttxt(3,1)" id="content_title_31" class="content_title"></div>
|
||
<div id="content_title3_1" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(3,2)" id="content_title_32" class="content_title"></div>
|
||
<div id="content_title3_2" class="content_txt"></div>
|
||
<div onClick="contenttxt(3,3)" id="content_title_33" class="content_title"></div>
|
||
<div id="content_title3_3" class="content_txt"></div>
|
||
<div onClick="contenttxt(3,4)" id="content_title_34" class="content_title"></div>
|
||
<div id="content_title3_4" class="content_txt"></div>
|
||
</div>
|
||
<div id="box4" class="box4">
|
||
<div onClick="contenttxt(4,1)" id="content_title_41" class="content_title"></div>
|
||
<div id="content_title4_1" class="content_txt"></div>
|
||
<div onClick="contenttxt(4,2)" id="content_title_42" class="content_title"></div>
|
||
<div id="content_title4_2" class="content_txt"></div>
|
||
<div onClick="contenttxt(4,3)" id="content_title_43" class="content_title"></div>
|
||
<div id="content_title4_3" class="content_txt"></div>
|
||
<div onClick="contenttxt(4,4)" id="content_title_44" class="content_title"></div>
|
||
<div id="content_title4_4" class="content_txt"></div>
|
||
</div>
|
||
<div id="box5" class="box5">
|
||
<div onClick="contenttxt(5,1)" id="content_title_51" class="content_title"></div>
|
||
<div id="content_title5_1" class="content_txt"></div>
|
||
<div onClick="contenttxt(5,2)" id="content_title_52" class="content_title"></div>
|
||
<div id="content_title5_2" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(5,3)" id="content_title_53" class="content_title"></div>
|
||
<div id="content_title5_3" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(5,4)" id="content_title_54" class="content_title"></div>
|
||
<div id="content_title5_4" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(5,5)" id="content_title_55" class="content_title"></div>
|
||
<div id="content_title5_5" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(5,6)" id="content_title_56" class="content_title"></div>
|
||
<div id="content_title5_6" class="content_txt">
|
||
</div>
|
||
</div>
|
||
<div id="box6" class="box6">
|
||
<div onClick="contenttxt(6,1)" id="content_title_61" class="content_title"></div>
|
||
<div id="content_title6_1" class="content_txt"></div>
|
||
<div onClick="contenttxt(6,2)" id="content_title_62" class="content_title"></div>
|
||
<div id="content_title6_2" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(6,3)" id="content_title_63" class="content_title"></div>
|
||
<div id="content_title6_3" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(6,4)" id="content_title_64" class="content_title"></div>
|
||
<div id="content_title6_4" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(6,5)" id="content_title_65" class="content_title"></div>
|
||
<div id="content_title6_5" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(6,6)" id="content_title_66" class="content_title"></div>
|
||
<div id="content_title6_6" class="content_txt">
|
||
</div>
|
||
</div>
|
||
<div id="box7" class="box7">
|
||
<div onClick="contenttxt(7,1)" id="content_title_71" class="content_title"></div>
|
||
<div id="content_title7_1" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(7,2)" id="content_title_72" class="content_title"></div>
|
||
<div id="content_title7_2" class="content_txt">
|
||
</div>
|
||
<div onClick="contenttxt(7,3)" id="content_title_73" class="content_title"></div>
|
||
<div id="content_title7_3" class="content_txt">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
function showbox(id) {
|
||
getQeestion(id);
|
||
for (var i = 1; i <= 8; i++) {
|
||
if (i == id) {
|
||
showdiv(id);
|
||
} else {
|
||
hidediv(i);
|
||
}
|
||
}
|
||
}
|
||
|
||
function contenttxt(id, sid) {
|
||
for (var i = 1; i <= 7; i++) {
|
||
if (i == id) {
|
||
showtxt(id, sid);
|
||
} else {
|
||
hidetxt(i, sid);
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
function showtxt(id, sid) {
|
||
var objtitle = $("#content_title" + id + "_" + sid);
|
||
|
||
if (objtitle.css("display") == "none") {
|
||
objtitle.show("fast");
|
||
} else {
|
||
|
||
hidetxt(id, sid);
|
||
}
|
||
}
|
||
|
||
function hidetxt(id, sid) {
|
||
var objtitle = $("#content_title" + id + "_" + sid);
|
||
objtitle.hide("fast");
|
||
}
|
||
|
||
function hidediv(id) {
|
||
$("#box" + id).hide("fast");
|
||
|
||
$("#li" + id).css({
|
||
"font-size": "14px",
|
||
"color": "#7d7d7d"
|
||
});
|
||
}
|
||
|
||
function showdiv(id) {
|
||
if ($("#box" + id).css("display") == "none") {
|
||
$("#box" + id).show("fast");
|
||
$("#li" + id).css({
|
||
"font-size": "18px",
|
||
"color": "#000000"
|
||
});
|
||
}
|
||
|
||
}
|
||
</script>
|
||
<script th:inline="javascript">
|
||
/*<![CDATA[*/
|
||
var isUserLoggedIn = [[${session.user != null}]];
|
||
console.log("isUserLoggedIn: " + isUserLoggedIn);
|
||
/*]]>*/
|
||
</script>
|
||
<script type="text/javascript">
|
||
function showMask() {
|
||
$("#masks").css("height", $(document).height());
|
||
$("#masks").css("width", $(document).width());
|
||
$("#masks").fadeIn();
|
||
}
|
||
|
||
function showModel(divName) {
|
||
showMask();
|
||
/* var top = ($(window).height() - $(divName).height()) / 5;
|
||
var left = ($(window).width() - $(divName).width()) / 2;
|
||
var scrollTop = $(document).scrollTop();
|
||
var scrollLeft = $(document).scrollLeft();*/
|
||
$(divName).fadeIn();
|
||
}
|
||
|
||
function CloseMaskser() {
|
||
|
||
$("#modelsever").fadeOut("slow");
|
||
$("#masks").fadeOut("slow");
|
||
$("#mask").fadeOut("slow");
|
||
}
|
||
function getCartCountFromSession() {
|
||
var cartCount = 0;
|
||
|
||
var userId = getCookie('user_id');
|
||
console.log("user id: " + userId)
|
||
if (userId == null){
|
||
return
|
||
}
|
||
$.ajax({
|
||
url: '/api/get_cart_count',
|
||
type: 'GET',
|
||
data: { userId: userId },
|
||
success: function(response) {
|
||
var cartCount = response.cartCount;
|
||
console.log("购物车数量: " + cartCount);
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error("Error fetching cart count:", error);
|
||
}
|
||
});
|
||
return cartCount;
|
||
}
|
||
|
||
$(document).ready(function () {
|
||
if (isUserLoggedIn) {
|
||
var userName = getUserFromSession();
|
||
var cartCount = getCartCountFromSession();
|
||
|
||
$('#ucheader1_pllogin1').hide();
|
||
$('#ctl00_ucheader_lit').text('你好！' + userName);
|
||
$('.shopping-cart-count').text(cartCount);
|
||
}
|
||
});
|
||
|
||
function getCookie(name) {
|
||
var cookies = document.cookie.split(';');
|
||
for(var i = 0; i < cookies.length; i++) {
|
||
var cookie = cookies[i].trim();
|
||
var cookieParts = cookie.split('=');
|
||
if (cookieParts[0] === name) {
|
||
return cookieParts[1];
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |