快速搭建单页网站的方法

1、准备工作：

（1）下载最新版本的HTML5网页文件，用文本编辑器打开，检查文件编码是否有误；

（2）准备常用的HTML标签，如、、<body>等；<br><br>（3）设计单页网站的布局，确定用到的div标签，以及div标签的位置和大小；<br><br>（4）准备静态网页的内容，如文字、图片等，并将内容复制到网页中。<br><br>2、编写网页代码：<br><br>（1）在<head>标签中，添加网页的基本信息，如<title>、<meta>及<style>等；<br><br>（2）编写<body>标签，将设计好的div标签添加进去，并根据需要添加id和class；<br><br>（3）添加文本内容，如段落、标题等，可以使用<p>、<h1>等标签；<br><br>（4）添加图片，使用<img>标签，并设置图片的大小、位置等；<br><br>（5）链接网页，使用<a>标签，设置链接的目标网页；<br><br>（6）使用CSS美化网页，设置文字和图片的位置、大小等；<br><br>（7）完成网页代码，保存HTML文件，并打开浏览器预览网页效果。<br><br>3、优化单页网站：<br><br>（1）在<head>标签中，添加<link>和<script>标签，用于引入CSS和JavaScript文件；<br><br>（2）使用响应式设计，让网页在不同设备上有良好的显示效果；<br><br>（3）使用JavaScript可以实现网页的动态效果，比如轮播图、视频播放等；<br><br>（4）使用AJAX实现网页的异步加载，减轻服务器的负担，提高网页加载速度；<br><br>（5）定期检查网页代码，修复错误，确保网页性能良好。<br><br>以上就是快速搭建单页网站的方法，通过以上步骤，可以快速搭建出一个单页网站，以满足用户的需求。 </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/marketweb/56765.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-31 13:29:26</span> </div> </div> <section class="arc-pnext"> <p class="prev fl"> <span class="tit">上一篇：</span> <a href="https://www.1t2.cn/marketweb/56771.html">单页网站开发的新思路</a> </p> <p class="next fr"> <span class="tit">下一篇：</span> <a href="https://www.1t2.cn/marketweb/56759.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'>  <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-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/Marketing/" class="sub_website" target="_blank"> <img src="https://img.1t2.cn/uploads/20221020/Fg5TgE0kTBfwU4hdxfPhZjRnIxQL.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/marketweb/260899.html" class="tit" title="企业网站建设与运营的成本分析">企业网站建设与运营的成本分析 </a> <p class="time">2023-12-26</p> </li> <li> <a href="https://www.1t2.cn/marketweb/245500.html" class="tit" title="关键技术保障网站数据安全可靠性">关键技术保障网站数据安全可靠性 </a> <p class="time">2023-09-08</p> </li> <li> <a href="https://www.1t2.cn/marketweb/241710.html" class="tit" title="让科学规划网站改版更人性化提高用户体验">让科学规划网站改版更人性化提高用户体验 </a> <p class="time">2023-08-30</p> </li> <li> <a href="https://www.1t2.cn/marketweb/218584.html" class="tit" title="引领行业发展实现专业网站制作设计">引领行业发展实现专业网站制作设计 </a> <p class="time">2023-12-01</p> </li> <li> <a href="https://www.1t2.cn/marketweb/110143.html" class="tit" title="靠谱的全球电商网站搭建实现">靠谱的全球电商网站搭建实现 </a> <p class="time">2023-08-10</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: '快速搭建单页网站的方法', url: url, summary: ` 1、准备工作：（1）下载最新版本的HTML5网页文件，用文本编辑器打开，检查文件编码是否有误；（2）准备常用的HTML标签，`, pic: "https://img.1t2.cn/uploads/20230331/FmM5ahxmqQGy2GM4ZxWp4B---I5Y.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="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>