HTML电子商城快速开发指南
HTML电子商城快速开发指南
随着科技的发展，电子商务正在变得越来越流行，许多企业纷纷投入电子商务的领域。为了快速开发一个电子商城，需要清楚地了解HTML的基本知识。本文将介绍如何使用HTML快速开发一个电子商城。
首先，在开发电子商城之前，我们需要准备好一个基本的页面框架，以便快速开发。在HTML中，我们可以使用“”、“”、“
”等标签来定义网页框架。例如，通过“<html>”标签，我们可以定义一个基本的HTML文档；通过“<head>”标签，我们可以将网页的头部信息定义在其中；通过“<title>”标签，我们可以定义网页的标题。<br><br>接下来，我们需要构建网页的布局，以便在网页中展示商城的商品信息。在HTML中，我们可以使用“<div>”标签来定义网页的布局。例如，通过“<div>”标签，我们可以定义网页的头部、菜单、内容、脚注等部分，以便完成网页的布局。<br><br>此外，为了将商城的商品信息展示在网页中，我们还需要定义一些表格和图片。在HTML中，我们可以使用“<table>”、“<tr>”、“<td>”等标签来定义表格；使用“<img>”标签来定义图片。通过这些标签，我们可以将商城的商品信息展示在网页中。<br><br>最后，我们需要定义一些链接，以便让用户可以快速浏览和购买商城的商品。在HTML中，我们可以使用“<a>”标签来定义链接，通过这个标签，我们可以定义一些指向商品页面的链接，以便用户可以快速浏览和购买商城的商品。<br><br>以上就是使用HTML快速开发一个电子商城的步骤。使用HTML快速开发一个电子商城，需要准备一个基本的页面框架，构建网页的布局，定义表格和图片，以及定义一些链接，这些步骤都是必不可少的。 </div>
</div>
<div class="arc-tags">
<div class="item tags">
<span class="tit">标签：</span>
<a href="/t/.html"></a>
</div>
<div class="item">
<span class="tit">地址：</span>
<span class="val">
https://www.1t2.cn/E-commerce/130676.html </span>
</div>
<div class="item">
<span class="tit">来源：</span>
<span class="val">网络</span>
</div>
<div class="item v-share">
<span class="tit">最后更新时间：</span>
<span class="val">2023-09-26 13:04:33</span>
</div>
</div>
<section class="arc-pnext">
<p class="prev fl">
<span class="tit">上一篇：</span>
<a href="https://www.1t2.cn/E-commerce/130677.html">HTML电子商城开发进阶指导</a>
</p>
<p class="next fr">
<span class="tit">下一篇：</span>
<a href="https://www.1t2.cn/E-commerce/130675.html">HTML电子商城开发实战技巧</a>
</p>
</section>
<section class="related_case">
<h2 class="hd3"><span>相关案例</span></h2>
<div class='swiper-container swiper_case_2 bd'>
<ul class='swiper-wrapper'>
<!-- {cms:arclist id='item' orderby='weigh' orderway='desc' model="3" this_id="$this_id" this_model="$this_model"} -->
<li class="swiper-slide">
<a class="img hvscale" href="https://www.1t2.cn/case/SoftDBO/262429.html" target="_blank">
<img src="https://img.1t2.cn/uploads/20241025/FgQ5QY_W9I5Kexl7mNHP76wPH-HP.jpg" alt="灵驹汇">
</a>
<a href="https://www.1t2.cn/case/SoftDBO/262429.html" class="tit" target="_blank">灵驹汇</a>
</li>
<li class="swiper-slide">
<a class="img hvscale" href="https://www.1t2.cn/case/WeChatDBO/262428.html" target="_blank">
<img src="https://img.1t2.cn/uploads/20241025/Fu4uJlDoB57MWXL5PqYGO7SaM28g.jpg" alt="以斯贴">
</a>
<a href="https://www.1t2.cn/case/WeChatDBO/262428.html" class="tit" target="_blank">以斯贴</a>
</li>
<li class="swiper-slide">
<a class="img hvscale" href="https://www.1t2.cn/case/webdesign/262427.html" target="_blank">
<img src="https://img.1t2.cn/uploads/20241025/FnGuQEVOJ58g2vwaC7LLu1FRCBBN.jpg" alt="科百特英文">
</a>
<a href="https://www.1t2.cn/case/webdesign/262427.html" class="tit" target="_blank">科百特英文</a>
</li>
<li class="swiper-slide">
<a class="img hvscale" href="https://www.1t2.cn/case/webdesign/262426.html" target="_blank">
<img src="https://img.1t2.cn/uploads/20241025/FhHVNkmv_HrA04I-hP5cKuZbcDwx.jpg" alt="科百特">
</a>
<a href="https://www.1t2.cn/case/webdesign/262426.html" class="tit" target="_blank">科百特</a>
</li>
</ul>
<!-- <div class='swiper-pagination'></div> -->
<div class='swiper-button-prev'></div>
<div class='swiper-button-next'></div>
</div>
</section>
<section class="application_box">
<h2 class="hd3"><span>更多软件开发方案</span></h2>
<ul class="layui-row cls">
<li class="col-md-4">
<a href="https://www.1t2.cn/software/WeChatDBO/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20221013/FmWYeDox41HhI8qsQrWWrfhTKwcG.png')"></i>
公众号开发 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/software/Applets/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20221013/Fg436Th5LcRF4Wr7vAaqTJ5BF-m1.png')"></i>
小程序开发 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/software/Shopping/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20221013/Fvxv3rCwfkIJmmEa8hGS7bSeDDFW.png')"></i>
电商/商城开发 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/software/APP/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20221013/FngPHAFFoNiiAfSUpd2w2HVa2Vw3.png')"></i>
APP/应用软件开发 </a>
</li>
</ul>
</section>
</div>
</div>
<div class="article_sub">
<div class="article_sub_inner" id="articleSub">
<section class="sub_contact subbox">
<a href="https://work.weixin.qq.com/kfid/kfc8d71c2fa4f9d8cd2" target="_blank" rel="nofollow"><img class="pic" src="https://img.1t2.cn/uploads/20240423/FpPTgksUyxJz7Uv93hfkAfyZ8nMn.jpg" alt="网站建设咨询"></a>
<div class="info">
<h5>Hi，我是您的专属顾问</h5>
<p class="tip">为您提供专业的产品开发方案</p>
</div>
<a href="https://work.weixin.qq.com/kfid/kfc8d71c2fa4f9d8cd2" target="_blank" rel="nofollow" class="vbtn">对话产品经理</a>
<p class="tel">或致电：15158117070</p>
</section>
<div class="subbox sub_website">
<a href="https://www.1t2.cn/software/Shopping/" class="sub_website" target="_blank">
<img src="https://img.1t2.cn/uploads/20221020/FtU1qswaMEL0hAD5O3ygRhE0c1kL.png" alt="电商/商城开发">
<span>电商/商城开发</span>
</a>
</div>
<div class="subbox sub_arc">
<h2><i class="icon ic_arc"></i>相关文章</h2>
<ol class="bd">
<li>
<a href="https://www.1t2.cn/E-commerce/132358.html" class="tit" title="织梦商城模板下载技巧大全">织梦商城模板下载技巧大全 </a>
<p class="time">2023-09-28</p>
</li>
<li>
<a href="https://www.1t2.cn/E-commerce/127441.html" class="tit" title="App商城应用的技术演进">App商城应用的技术演进 </a>
<p class="time">2023-09-21</p>
</li>
<li>
<a href="https://www.1t2.cn/E-commerce/126303.html" class="tit" title="宠物电子商城开发的运营策略">宠物电子商城开发的运营策略 </a>
<p class="time">2023-09-20</p>
</li>
<li>
<a href="https://www.1t2.cn/E-commerce/125773.html" class="tit" title="ASP商城开发增加客户体验">ASP商城开发增加客户体验 </a>
<p class="time">2023-09-19</p>
</li>
<li>
<a href="https://www.1t2.cn/E-commerce/125438.html" class="tit" title="商城开发的前瞻性解决方案">商城开发的前瞻性解决方案 </a>
<p class="time">2023-09-19</p>
</li>
</ol>
</div>
<div class="subbox sub_cloud">
<h2><i class="icon ic_cloud"></i>云标签</h2>
<div class="bd">
<a href="/t/配送系统功能.html">配送系统功能</a><a href="/t/跨境电商网站.html">跨境电商网站</a><a href="/t/电商系统.html">电商系统</a><a href="/t/O2O零售商城.html">O2O零售商城</a><a href="/t/用户信息安全.html">用户信息安全</a><a href="/t/积分商城系统.html">积分商城系统</a><a href="/t/系统开发趋势.html">系统开发趋势</a><a href="/t/零售商城系统.html">零售商城系统</a><a href="/t/零售商城开发.html">零售商城开发</a><a href="/t/订单管理.html">订单管理</a><a href="/t/吸引用户.html">吸引用户</a><a href="/t/积分管理.html">积分管理</a><a href="/t/业务场景.html">业务场景</a><a href="/t/赢利模式.html">赢利模式</a><a href="/t/物流企业模式.html">物流企业模式</a><a href="/t/网站设计.html">网站设计</a><a href="/t/B2B电商网站.html">B2B电商网站</a><a href="/t/付款方式.html">付款方式</a><a href="/t/电子商务.html">电子商务</a><a href="/t/网页设计.html">网页设计</a> </div>
</div>
</div>
</div>
</div>
</div>
<section class="get_quote">
<div class="inner ">
<div class="wrap">
<i class="icon icon1"></i>
<i class="icon icon2"></i>
<div class="content">
<h4>大胆的想法，大结果</h4>
<p class="desc">提交您的详细建站或开发需求，与我们来一场轻松的远程会议</p>
<a href="/Quote" class="rbtn">预约远程会议</a>
</div>
</div>
</div>
</section>
</main>
<script>
$(function () {
let arr = [{"name":"外贸独立站","url":"https:\/\/www.1t2.cn\/website\/export\/"},{"name":"网站建设案例","url":"https:\/\/www.1t2.cn\/case\/webdesign\/"},{"name":"微信支付功能","url":"https:\/\/www.1t2.cn\/WeChat\/315.html"},{"name":"微信公众号开通","url":"https:\/\/www.1t2.cn\/WeChat\/257.html"},{"name":"网站开发公司","url":"https:\/\/www.1t2.cn\/"},{"name":"网站建设公司","url":"https:\/\/www.1t2.cn\/"},{"name":"网页设计","url":"https:\/\/www.1t2.cn\/"},{"name":"杭州网站建设","url":"https:\/\/www.1t2.cn\/website\/"},{"name":"微信公众号开发","url":"https:\/\/www.1t2.cn\/software\/WeChatDBO\/"},{"name":"品牌官网建设","url":"https:\/\/www.1t2.cn\/website\/brand\/"},{"name":"外贸网站建设","url":"https:\/\/www.1t2.cn\/website\/export\/"},{"name":"网站建设","url":"https:\/\/www.1t2.cn\/"},{"name":"网站设计","url":"https:\/\/www.1t2.cn\/"}];
let length = 0;
let str = $("#arcContent").html();
b()
// a()
function a(){
console.log("a");
for(let i = 0; i < arr.length; i++){
let item = arr[i];
let find = $("#arcContent").html().indexOf(item.name);
let url = `<a href='${item.url}' >${item.name}</a>`;
str = str.replace(item.name,url);
if(find !=-1){
length++;
if(length>2){
break;
}
}
}
}
function b(){
let contain = [];
for(let i = 0; i < arr.length; i++){
let item = arr[i];
let flag = false;
let find = str.indexOf(item.name);
if(find !=-1){
if(contain.includes(item.name)) break;
let url = `<a href='${item.url}' >${item.name.split("").join("_P_A_D_Y_")}</a>`;
str = str.replace(item.name,url);
length++;
contain.push(item.name);
}
}
if(contain.length){
str = str.replace(/_P_A_D_Y_/g,'');
}
}
$("#arcContent").html(str);
})
$(function () {
let objH = $("#articleSub").height();
let winH = $(window).height();
let docH = $(document).height();
let n = 0;
let now = 0;
$(window).scroll(function () {
let st = $(window).scrollTop();
if(st<80){
$("#articleSub").removeClass("fixed").removeAttr("style");
}else if(st + winH + 300 < docH - objH){
now = st;
$("#articleSub").addClass("fixed").removeAttr("style");
}else{
if(now==0){
now = docH - objH - 1300;
}
n = st - 80 - now;
$("#articleSub").addClass("fixed").attr("style","transform: translateY(-"+n+"px);")
}
})
layui.use(['layer', 'form'], function () {
var layer = layui.layer;
$("#arcContent img").click(function () {
let img = $(this).attr("src");
layer.open({
type: 1,
content: `<img src='${img}' />`,
area: [1000, 610],
skin: "layer_img",
title: false,
closeBtn: false,
shadeClose: true
})
})
})
var mySwiper = new Swiper('.swiper_case_2', {
loop: true,
autoplay: true,
slidesPerView: 2,
spaceBetween: 24,
// pagination: { el: '.swiper-pagination', clickable: true, },
navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', },
})
var url = location.href;
bShare.addEntry({
title: 'HTML电子商城快速开发指南',
url: url,
summary: `
HTML电子商城快速开发指南
随着科技的发展，电子商务正在变得越来越流行，许多企业纷纷投入电子商务的领域。为了快速开发`,
pic: "https://img.1t2.cn/uploads/20230325/FsfuFTiex44XmAumUphcUi09ggUQ.jpg",
});
})
</script>
<style>
#arcContent a{
border-bottom:1px solid #000
}
#arcContent a:hover{
color: #df2c31;
border-color: #df2c31
}
</style>
<footer>
<div class="wrap wow fadeIntop">
<div class="ft-top">
<div class="navitem ft-follow">
<img class="logo" src="/assets/addons/cms/obj/images/logo.png" alt="联系派迪科技">
<a href="" class="tel">15158117070</a>
<p class="site">杭州市拱墅区丰庆路498号北软智慧科创大厦203</p>
<div class="icons">
<a class="item" href="https://wpa.qq.com/msgrd?v=3&uin=277051839&site=qq&menu=yes" target="_blank" rel="nofollow">
<i class="iconfont icon-qq"></i>
</a>
<p class="wechat item">
<i class="iconfont icon-weixin"></i>
<span class="code">
<span class="inner">
<img src="https://img.1t2.cn/uploads/20240407/Fs1Il_NRoheoogVHPD1wcHUArjRi.jpg" alt="派迪科技客服">
</span>
</span>
</p>
<a class="item" href="https://map.baidu.com/poi/%E6%9D%AD%E5%B7%9E%E6%B4%BE%E8%BF%AA%E7%A7%91%E6%8A%80%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/@13370137.530593716,3526640.9149138886,13z?uid=64ece8f6733c55718936ee3c&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&pcevaname=pc4.1&querytype=detailConInfo&da_src=shareurl" target="_blank" rel="nofollow" >
<i class="iconfont icon-daohangdizhi"></i>
</a>
</div>
</div>
<div class="ft-navs ">
<ul id="ftNavs" class="">
<li class="navitem ">
<h4><a href="/website">网站建设</a><i class="iconfont icon-jia"></i></h4>
<div class="info">
<a href="https://www.1t2.cn/website/export/">外贸网站建设</a>
<a href="https://www.1t2.cn/website/brand/">品牌官网建设</a>
<a href="https://www.1t2.cn/website/group/">集团官网建设</a>
<a href="https://www.1t2.cn/website/Marketing/">营销型官网建设</a>
<a href="https://www.1t2.cn/website/seo/">SEO大门户建站</a>
</div>
</li>
<li class="navitem ">
<h4><a href="/software">软件开发</a><i class="iconfont icon-jia"></i></h4>
<div class="info">
<a href="https://www.1t2.cn/software/WeChatDBO/">公众号开发</a>
<a href="https://www.1t2.cn/software/Applets/">小程序开发</a>
<a href="https://www.1t2.cn/software/Shopping/">电商/商城开发</a>
<a href="https://www.1t2.cn/software/APP/">APP/应用软件开发</a>
</div>
</li>
<li class="navitem ">
<h4><a href="/about.html">关于我们</a><i class="iconfont icon-jia"></i></h4>
<div class="info">
<a href="https://www.1t2.cn/1about/">关于派迪</a>
<a href="https://www.1t2.cn/plan_c/">策划能力</a>
<a href="https://www.1t2.cn/1development/">设计研发能力</a>
<a href="https://www.1t2.cn/1Services/">运维售后能力</a>
<a href="/Quote" class="navLink" data-id="contact">联系我们</a>
</div>
</li>
</ul>
</div>
</div>
<div class="ft-bottom">
<div class="lbox">
<p>版权所有 © 2008-2023 杭州派迪科技有限公司
<span>Copyright © 2008-2020 <a href="https://www.1t2.cn"> www.1t2.cn</a> All Rights Reserved</span>
</p>
<p>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">浙ICP备14029905号-2</a>
<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010502006315" target="_blank" rel="nofollow">公安备案:33010802008411</a>
<a href="https://www.hzpady.com/p/ruanzhu/" target="_blank" rel="nofollow">软著登字第3457658号</a>
</p>
</div>
<div class="rbox">
<p>
<a href="http://www.pady.com.cn" target="_blank" >杭州网站建设公司</a>
<a href="https://www.hzpady.com" target="_blank" >杭州网站建设</a>
<!--<a href="https://www.rarecloud.com/host/buy.html" target="_blank" rel="nofollow">派迪轻量云</a>-->
<a href="http://www.1t2.com.cn/model.jsp" target="_blank" rel="nofollow">派迪云建站</a>
</p>
<p>
<a href="https://www.hzpady.com/yingyezhizhaopady.pdf" target="_blank" rel="nofollow">营业执照</a>
<a href="/law" target="_blank">法律声明</a>
<a href="/privacy" target="_blank">隐私政策</a>
<a href="https://home-oss.1t2.cn:23799/padybuctet/myoss/file/Brochure/Pady-Brochure2025V2.pdf" target="_blank" rel="nofollow">获取画册</a>
<a href="/sitemap.html">可视化网站地图</a>
<a href="/sitemap.xml">sitemap.xml</a>
</p>
</div>
</div>
</div>
</footer>
<div id="totop"></div>
<div class="g-plv-sidebar--right">
<ul class="plv-sidebar-content">
<li id="j-sidebar-zhichi" class="sidebar-item active">
<div class="avatar-shadow"></div>
<div class="consult-avatar"><a href="https://work.weixin.qq.com/kfid/kfc8d71c2fa4f9d8cd2" target="_blank" rel="nofollow" ><em style="background-image: url('https://img.1t2.cn/uploads/20240423/FpPTgksUyxJz7Uv93hfkAfyZ8nMn.jpg');background-size: 60px"></em></a></div>
<span class="consult-text">在线咨询</span>
<div id="j-consulting" class="sidebar-item-fixed consulting-fixed active">
<div id="j-avatar" class="avatar"></div>
<div class="consulting-content">
<p id="j-name">Hi~ 我在线</p>
<span id="j-msg">欢迎您随时咨询</span>
<div id="sidebarClose" class="close-btn">×</div>
</div>
</div>
</li>
<li class="sidebar-item">
<div class="icon_item icon_wechat icon_scale_active"></div>
<span>微信咨询</span>
<div class="sidebar-item-fixed wechat-fixed ">
<div class="wechat-qrCode" style="background-image: url('https://img.1t2.cn/uploads/20240407/Fs1Il_NRoheoogVHPD1wcHUArjRi.jpg')"></div>
<span>添加产品经理微信</span>
</div>
</li>
<a data-sensors_trial="PC_侧边栏" id="j-nav-register" class="sidebar-item" href="/Quote">
<div class="icon_item icon_trial"></div>
<span>获取报价</span>
</a>
<li class="sidebar-item">
<div class="icon_item icon_telephone"></div>
<span>电话咨询</span>
<div class="sidebar-item-fixed telephone-fixed">
<span>15158117070</span>
</div>
</li>
<a class="sidebar-item" href="https://wpa.qq.com/msgrd?v=3&uin=277051839&site=qq&menu=yes" target="_blank" rel="nofollow">
<div class="icon_item icon_problem"></div>
<span>QQ咨询</span>
</a>
</ul>
</div>
<script>
$(function () {
let flag = localStorage.getItem("slidebar_close");
if (flag) {
$("#j-consulting").hide();
}
$("#sidebarClose").click(function () {
$("#j-consulting").hide();
localStorage.setItem("slidebar_close", "true");
})
})
</script>
<style>
.privacy_box{
bottom:26px!important
}
</style>
<div id="privacy" class="privacy_box" style="">
<div class="inner">
<i class="iconfont icon-close privacyClose"></i>
<div class="row">
<div class="col-md-8 content">
<h3>我们正使用 cookies 来改善您的访问体验</h3>
<p>派迪科技非常重视您的个人隐私,当您访问我们的网站 www.1t2.cn 时，请同意使用所有cookies 。</p>
<p>如果您想详细了解我们如何使用cookies请访问我们的 <a href="/privacy">《隐私政策》</a></p>
</div>
<div class="col-md-4">
<div class="cookie-btns">
<button class="cookie-ok-link accept">接受 √</button>
<button id="privacySet" class="cookie-set-link">只接受必要的cookies</button>
</div>
</div>
</div>
</div>
</div>
<div id="privacyContent" class="privacy_content">
<div class="cover"></div>
<div class="content">
<div class="head">
<img class="logo" src="images/logo_r.png" alt="派迪科技">
<i class="iconfont icon-close privacyClose"></i>
</div>
<div class="inner">
<div class="box">
<h3>Cookie 偏好</h3>
<div class="desc">如果您想详细了解我们如何使用cookie请访问我们的
<a href="/privacy">《隐私政策》</a>
<!--允许所有-->
</div>
</div>
<div class="box">
<h3>管理cookies偏好</h3>
<div class="list">
<div class="item">
<div class="title">
<h4 class="">
<i class="iconfont icon-jia1"></i>
基本 cookies
</h4>
<div class="ot-always-active">始终允许</div>
</div>
<div class="info">
<p>这些 cookies
是网站运行所必需的，不能在我们的系统中关闭。它们通常仅针对您所做的相当于服务请求的操作而设置，例如设置您的隐私首选项、登录或填写表格。您可以将浏览器设置为阻止或提醒您有关这些
cookies 的信息，但网站的某些部分将无法运行。这些 cookies 不存储任何个人身份信息。</p>
</div>
</div>
<div class="item open">
<div class="title">
<h4 class=""><i class="iconfont icon-jia1"></i>性能 cookies</h4>
<div class="ot-always-active">始终允许</div>
</div>
<div class="info">
这些 cookiess 使我们能够计算访问量和流量来源，以便我们可以衡量和改进我们网站的性能。它们帮助我们了解哪些页面最受欢迎和最不受欢迎，并了解访问者如何在网站上移动。这些
cookies 收集的所有信息都是汇总的，而且是匿名的。如果您不允许这些 cookies，我们将不知道您何时访问了我们的网站，也无法监控其性能。
</div>
</div>
<div class="item ">
<div class="title">
<h4 class=""><i class="iconfont icon-jia1"></i>功能性 cookies</h4>
<div class="ot-always-active">
<div class="switch active">
<em class="tag"></em>
</div>
</div>
</div>
<div class="info">
这些 cookies
收集信息用于分析和个性化您的定向广告体验。您可以使用此拨动开关来行使选择不获取个人信息的权利。如果您选择关闭，我们将无法向您提供个性化广告，也不会将您的个人信息交给任何第三方。
</div>
</div>
<div class="item">
<div class="title">
<h4 class="">
<i class="iconfont icon-jia1"></i>
定位 Cookies
</h4>
<div class="ot-always-active">
<div class="switch active">
<em class="tag"></em>
</div>
</div>
</div>
<div class="info">
这些 cookies
可能由我们的广告合作伙伴通过我们的网站设置。这些公司可能会使用它们来建立您的兴趣档案，并在其他网站上向您展示相关广告。它们不直接存储个人信息，而是基于唯一标识您的浏览器和互联网设备。如果您不允许使用这些
cookies，您将体验到较少针对性的广告。
</div>
</div>
</div>
<div class="ft-btn"><a class="sure">确定</a></div>
</div>
</div>
</div>
</div>
<div class="privacy_m_cover"></div>
<section id="privacyMobile" class="privacy_m">
<div class="inner">
<i class="iconfont icon-close privacyCloseMobile"></i>
<h3>我们正使用 cookies 来改善您的访问体验</h3>
<p>派迪科技非常重视您的个人隐私,当您访问我们的网站www.1t2.cn时，请同意使用所有cookies 。</p>
<p>如果您想详细了解我们如何使用cookies请访问我们的 <a href="/p/privacy">《隐私政策》</a></p>
<button class="cookie-ok-link privacyCloseMobile accept">接受 √</button>
</div>
</section>
<script>
$(function(){
setTimeout(function(){
$("#privacy").fadeIn();
},1000)
$("#privacySet").click(function(){
$("#privacyContent .cover").fadeIn();
$("#privacyContent").addClass("open");
})
$(".privacyClose,#privacyContent .cover,#privacyContent .sure").click(function(){
$("#privacyContent .cover").fadeOut();
$("#privacyContent ").removeClass("open");
})
$("#privacy .privacyClose").click(function(){
$("#privacy").fadeOut();
})
$("#privacyContent .switch").click(function(){
$(this).toggleClass("active")
})
$("#privacyContent .item h4").click(function(){
$(this).parents(".title").toggleClass("open");
$(this).parents(".item").find(".info").slideToggle()
})
$("#privacy .accept,#privacyContent .sure").click(function(){
setCookie("privacy",true,365);
$("#privacy").fadeOut();
})
$(".privacyCloseMobile").click(function(){
$("#privacyMobile,.privacy_m_cover").fadeOut();
})
$(".privacyCloseMobile.accept").click(function(){
setCookie("privacy",true,365);
})
function setCookie(cname,cvalue,exdays)
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
})
</script>
</body>
</html>