首页 观点 运维 维护 如何利用HTML技术建立膨化食品网站?
05.012023

如何利用HTML技术建立膨化食品网站?



HTML是一种标记性语言,是建立网站的基础,它通过使用标记语言来建立膨化食品网站。

首先,我们需要准备建立网站的HTML页面,根据网站的内容,我们可以创建一个主页,一个介绍膨化食品的页面,一个介绍不同种类膨化食品的页面,一个产品页面,一个订购页面,一个联系我们页面,以及一个关于我们页面。

接下来,我们可以开始编写HTML代码,使用标签来定义网页的头部信息,使用标签来定义网页的标题,使用<body>标签来定义网页的主体内容,此外,我们还可以使用<h1>-<h6>标签来定义文章的标题,使用<p>标签来定义文章的段落,以及使用<img>标签来添加图片。<br><br>我们可以使用<nav>标签来定义网站的导航栏,使用<ul>和<li>标签来定义每个导航项目,使用<a>标签来连接到不同的页面,以及使用<div>标签来定义不同的部分,如页头、页脚等,以及使用<form>标签来创建表单,用于收集用户的信息或订单信息。<br><br>此外,我们可以使用CSS来美化网站,通过使用CSS样式表,我们可以定义网站的字体、颜色、布局等,从而为网站添加令人愉悦的外观。<br><br>最后,当网站建立完成后,我们可以使用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"> http://www.1t2.cn/weihu/24351.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-01 10:47:58</span> </div> </div> <section class="arc-pnext"> <p class="prev fl"> <span class="tit">上一篇:</span> <a href="http://www.1t2.cn/weihu/24352.html">如何利用php技术支持膨化食品网站?</a> </p> <p class="next fr"> <span class="tit">下一篇:</span> <a href="http://www.1t2.cn/weihu/24350.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/software/Applets/" 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/weihu/133892.html" class="tit" title="安全可持续的网站运营">安全可持续的网站运营 </a> <p class="time">2023-10-06</p> </li> <li> <a href="http://www.1t2.cn/weihu/20987.html" class="tit" title="获客官网:网站给你获客新机会">获客官网:网站给你获客新机会 </a> <p class="time">2023-04-27</p> </li> <li> <a href="http://www.1t2.cn/weihu/18753.html" class="tit" title="把握机会:抓取客户心理,把握营销机会">把握机会:抓取客户心理,把握营销机会 </a> <p class="time">2023-04-25</p> </li> <li> <a href="http://www.1t2.cn/weihu/16274.html" class="tit" title="利用官网开发实现较佳营销">利用官网开发实现较佳营销 </a> <p class="time">2023-04-22</p> </li> <li> <a href="http://www.1t2.cn/weihu/9161.html" class="tit" title="手机防滑垫官网:网站设计,让你的业务飞起来">手机防滑垫官网:网站设计,让你的业务飞起来 </a> <p class="time">2023-04-14</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/PC网站.html">PC网站</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是一种标记性语言,是建立网站的基础,它通过使用标记语言来建立膨化食品网站。 首先,我们需要准备建立网站的HTML页`, pic: "https://img.1t2.cn/uploads/20230222/FvTVkrFtWFCBUC7xGy0D2dBay6hu.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>