陈年老酒：如何利用HTML技术实现网站开发？
HTML是HyperText Markup Language的缩写，是因特网上最流行的一种标记语言，用来描述网页的结构和内容。它把网页的结构和内容用标记的方式表达出来，使网页的浏览者和编辑者能够理解网页的含义。
首先，我们需要一个编辑器来编辑HTML文件，这里推荐使用Sublime Text，它是功能强大的编辑器，可以方便的编辑HTML代码。
然后，我们需要创建一个HTML文件，在文件中用HTML标记来定义网站的结构和内容，可以使用HTML标签，，
，<body>等来定义网站的结构，并使用HTML标签<h1>，<p>，<img>等来表达网站的内容。<br><br>接下来，我们需要使用CSS来美化网站的界面，CSS（Cascading Style Sheets）是一种样式表语言，可以用来定义网页的字体，颜色，大小，位置等样式，使网站更加美观。<br><br>最后，我们需要使用JavaScript来实现网站的交互功能，JavaScript是一种客户端脚本语言，可以改变网页的内容和样式，控制网页的行为和交互，使网站更加丰富多彩。<br><br>总而言之，HTML是网站开发的基础，它可以定义网站的结构和内容，CSS可以美化网站的界面，JavaScript可以实现网站的交互功能，这三者结合起来就可以实现网站的开发。 </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/export/23616.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-04-30 13:32:34</span>
</div>
</div>
<section class="arc-pnext">
<p class="prev fl">
<span class="tit">上一篇：</span>
<a href="https://www.1t2.cn/export/23617.html">陈年老酒：如何利用php技术实现网站开发？</a>
</p>
<p class="next fr">
<span class="tit">下一篇：</span>
<a href="https://www.1t2.cn/export/23615.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/website/export/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20220721/FjyAFzNvQVb4OLS4DYSzLHeSD4Zd.png')"></i>
外贸网站建设 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/website/brand/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20220721/Fmd4-9jVLLACltu7dUpq7FHTOGcu.png')"></i>
品牌官网建设 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/website/group/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20220721/FiOlFWzqgtKhzMyLBo8nzlSRZFcD.png')"></i>
集团官网建设 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/website/Marketing/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20220721/Fku7Xi35qzpxrL31v3CJob4BUGGN.png')"></i>
营销型官网建设 </a>
</li>
<li class="col-md-4">
<a href="https://www.1t2.cn/website/seo/">
<i class="ic" style="background-image:url('https://img.1t2.cn/uploads/20220719/Fku7Xi35qzpxrL31v3CJob4BUGGN.png')"></i>
SEO大门户建站 </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/website/export/" class="sub_website" target="_blank">
<img src="https://img.1t2.cn/uploads/20221020/FvGhQ0Fq46upMuSYZJJeZCP3P-Zr.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/export/107965.html" class="tit" title="利用电商Banner网站建设开发提升流量">利用电商Banner网站建设开发提升流量 </a>
<p class="time">2023-08-07</p>
</li>
<li>
<a href="https://www.1t2.cn/export/106554.html" class="tit" title="肥城电商平台开发：实现您的商业梦想">肥城电商平台开发：实现您的商业梦想 </a>
<p class="time">2023-08-05</p>
</li>
<li>
<a href="https://www.1t2.cn/export/70689.html" class="tit" title="六盘水网站开发，优质服务至上">六盘水网站开发，优质服务至上 </a>
<p class="time">2023-06-17</p>
</li>
<li>
<a href="https://www.1t2.cn/export/63055.html" class="tit" title="重要性与必要性：网站开发">重要性与必要性：网站开发 </a>
<p class="time">2023-06-05</p>
</li>
<li>
<a href="https://www.1t2.cn/export/40714.html" class="tit" title="如何让变频空调网站的色彩搭配更加较好？">如何让变频空调网站的色彩搭配更加较好？ </a>
<p class="time">2023-05-16</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/网站沟通.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/深色设计.html">深色设计</a><a href="/t/设计技巧.html">设计技巧</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是HyperText Markup Language的缩写，是因特网上最流行的一种标记语言，用来描述网页的结构和内容。它把网页的结构和内容用标`,
pic: "https://img.1t2.cn/uploads/20230324/FqoKnjimqiAswO3_xQqoN9AZUgLy.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>