首页 观点 建站 品牌网站 如何使用HTML网站建设座垫座套?
05.042023

如何使用HTML网站建设座垫座套?



HTML(超文本标记语言)是一种用于创建网站的标准语言。它提供了一种可被浏览器读取和理解的格式,用于创建网页和应用程序。因此,使用HTML来建立座垫座套的网站是一个很好的选择。

要使用HTML创建座垫座套的网站,首先需要创建一个框架,用于存储和显示网站的内容。这可以通过创建一个HTML文件来完成,该文件中应包含所有要显示的网页内容。这可以使用HTML标记符完成,例如,,等。<br><br>接下来,可以使用CSS(层叠样式表)来改变网站的外观和布局。CSS可以用来定义网站的字体,颜色,背景等。这可以通过使用CSS样式来完成,比如background-color,font-family,margin等。<br><br>此外,为了使网站能够更好地运行,可以使用JavaScript来创建动态特效。它可以用来创建网页上的菜单,对话框,图像滑块等。这可以通过使用JavaScript的函数,变量,循环等来完成。<br><br>最后,可以使用MySQL数据库来存储和管理网站的数据,例如用户信息,产品信息,订单信息等。这可以通过使用MySQL中的SQL语言来完成,例如SELECT,INSERT,UPDATE等。<br><br>总之,使用HTML来建立座垫座套的网站是可行的,可以使用HTML,CSS,JavaScript和MySQL数据库来完成。使用这些语言,可以创建一个易于使用,功能强大的网站,可以帮助您更好地管理座垫座套的业务。 </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"> http://www.1t2.cn/brand/29785.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-05-04 19:26:31</span> </div> </div> <section class="arc-pnext"> <p class="prev fl"> <span class="tit">上一篇:</span> <a href="http://www.1t2.cn/brand/29786.html">用PHP网站建设座垫座套:较新技术支持</a> </p> <p class="next fr"> <span class="tit">下一篇:</span> <a href="http://www.1t2.cn/brand/29753.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="http://www.1t2.cn/case/webdesign/254.html" target="_blank"> <img src="https://img.1t2.cn/uploads/20220818/FvODUr023H_YQCVpNQmTXUoF3yOQ.jpg" alt="桐庐文旅集团"> </a> <a href="http://www.1t2.cn/case/webdesign/254.html" class="tit" target="_blank">桐庐文旅集团</a> </li> <li class="swiper-slide"> <a class="img hvscale" href="http://www.1t2.cn/case/webdesign/253.html" target="_blank"> <img src="https://img.1t2.cn/uploads/20220818/Fgjbr92yyVdQPmX0EWjfZvD834AQ.jpg" alt="朱炳仁·铜"> </a> <a href="http://www.1t2.cn/case/webdesign/253.html" class="tit" target="_blank">朱炳仁·铜</a> </li> <li class="swiper-slide"> <a class="img hvscale" href="http://www.1t2.cn/case/webdesign/252.html" target="_blank"> <img src="https://img.1t2.cn/uploads/20220818/Fl1kb4hr3Y5OwMUycsCAMKjpZ1yy.jpg" alt="MATRIX科学模型"> </a> <a href="http://www.1t2.cn/case/webdesign/252.html" class="tit" target="_blank">MATRIX科学模型</a> </li> <li class="swiper-slide"> <a class="img hvscale" href="http://www.1t2.cn/case/webdesign/251.html" target="_blank"> <img src="https://img.1t2.cn/uploads/20220818/Fn6ARjjlfHixYWZlWJaI0mBQ4eLG.jpg" alt="之江实验室"> </a> <a href="http://www.1t2.cn/case/webdesign/251.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="http://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="http://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="http://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="http://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="http://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/20221012/FrwaEPs1K4hGoYPqvd9wd4OBMgVK.png" 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="http://www.1t2.cn/website/brand/" class="sub_website" target="_blank"> <img src="https://img.1t2.cn/uploads/20221020/FqfYbZ8-cqfzES68IIy2J11MZbuF.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="http://www.1t2.cn/brand/159997.html" class="tit" title="较好网站体验唤醒用户情感">较好网站体验唤醒用户情感 </a> <p class="time">2023-11-07</p> </li> <li> <a href="http://www.1t2.cn/brand/159114.html" class="tit" title="网站建设开发令网站运行更加高效稳定">网站建设开发令网站运行更加高效稳定 </a> <p class="time">2023-11-06</p> </li> <li> <a href="http://www.1t2.cn/web/pinpaijianzhan0000001134819.html" class="tit" title="调试调整:对网站进行细节调试">调试调整:对网站进行细节调试 </a> <p class="time">2023-10-09</p> </li> <li> <a href="http://www.1t2.cn/brand/41530.html" class="tit" title="技术支持:基于饮水机技术实现">技术支持:基于饮水机技术实现 </a> <p class="time">2023-05-17</p> </li> <li> <a href="http://www.1t2.cn/brand/5168.html" class="tit" title="网站建设企业建站主要有哪些价格组成">网站建设企业建站主要有哪些价格组成 </a> <p class="time">2023-06-04</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(超文本标记语言)是一种用于创建网站的标准语言。它提供了一种可被浏览器读取和理解的格式,用于创建网页和应用程`, pic: "https://img.1t2.cn/uploads/20230331/FoTfuFUlb13rs-cITw8uXC6LL6u-.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/20240110/FvxtT6zJLH4LCaz0xL1fES86IWb4.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="http://www.1t2.cn/website/export/">外贸网站建设</a> <a href="http://www.1t2.cn/website/brand/">品牌官网建设</a> <a href="http://www.1t2.cn/website/group/">集团官网建设</a> <a href="http://www.1t2.cn/website/Marketing/">营销型官网建设</a> <a href="http://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="http://www.1t2.cn/software/WeChatDBO/">公众号开发</a> <a href="http://www.1t2.cn/software/Applets/">小程序开发</a> <a href="http://www.1t2.cn/software/Shopping/">电商/商城开发</a> <a href="http://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="http://www.1t2.cn/1about/">关于派迪</a> <a href="http://www.1t2.cn/plan_c/">策划能力</a> <a href="http://www.1t2.cn/1development/">设计研发能力</a> <a href="http://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://seo.linanwebsite.cn/agentadmin/Login.aspx" target="_blank" rel="nofollow">派迪seo系统</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://www.hzpady.com/AboutPady.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/20221012/FiMpu1hgzyFzYexvVfA2qv4uPYec.png');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/20240110/FvxtT6zJLH4LCaz0xL1fES86IWb4.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>