网页制作教程步骤
在现代社会中，网页已成为人们获取信息、进行交流和展示个人或企业形象的重要工具。了解如何制作网页的基本步骤是每个想要在互联网上展示自己的人都应该掌握的技能。以下是一些创建网页的基本步骤：
1. 规划和设计网页结构
在开始编写HTML代码之前，我们应该清楚地规划和设计整个网页的结构。这包括确定要在页面上包含的内容、布局和导航等元素。可以使用纸笔或设计工具来创建网页的草图，以便有一个明确的目标。
2. 使用HTML创建网页骨架
HTML（超文本标记语言）是创建网页的基础。创建一个新的HTML文件，然后使用HTML标记来定义页面的结构。使用标记，如\, \
, \, \<body>等来定义网页的基本框架。</p><h2>3. 添加内容和样式</h2><p>一旦网页的骨架建立好了，接下来可以添加内容和样式。使用HTML标记来添加文本、图片、链接等内容。同时，可以使用CSS（层叠样式表）来为网页添加样式和布局。通过CSS，可以修改文本的颜色、字体、大小，调整元素的位置和大小，使网页看起来更加美观和专业。</p><h2>4. 插入多媒体和交互元素</h2><p>为了使网页更具吸引力和互动性，可以插入多媒体和交互元素，如音频、视频、幻灯片或表单等。使用HTML标记和相关属性来插入这些元素，并确保它们能够在不同的浏览器和设备上正确显示。</p><p class="dr_conpic_wrap yx-pw31n"><img src="/uploadfile/202309/17e7247ff0f32ef.jpg" alt="网页制作教程步骤" class="dr_conpic_img yx-8mt1o" data-alt="conpic_content_news_2179"></p><h2>5. 测试和优化网页</h2><p>在完成网页制作后，进行测试是非常重要的。通过在不同的浏览器和设备上查看网页，确保它在各种环境下都能正常显示并且具有良好的用户体验。同时，可以通过检查代码、压缩图像和文件大小等方式来优化页面加载速度，提高性能。</p><h2>6. 发布和维护网页</h2><p>一旦网页制作完成并通过测试，就可以将网页上传到网络服务器上，使其可以通过互联网访问。在发布后，定期更新和维护网页是至关重要的。可以根据需求添加新内容、修复错误并改进用户体验，以保持网页的活力和吸引力。</p><p>总之，制作网页的过程涉及规划、设计、编码、测试和维护。通过掌握这些基本步骤，您将能够创建出优雅、具有吸引力和有效的网页。</p> </article>
<!--文章内容模块-->
<!-- 点赞打赏 -->
<div class="single-foot ceo-text-center ceo-padding-an yx-dd0b1" id="single-anniu">
<a href="javascript:dr_app_favorite('2179');" class="add-collection btn change-color-sc yx-17ys0" data-id="536">
<i class="iconfont icon-shoucang yx-bu8oe"></i>
收藏 (0)
</a>
<a class="reward ceo-display-inline-block btn change-color yx-0du0h" href="javascript:void(0)" onclick="dashangToggle()"
title="打赏，支持一下">
<i class="iconfont icon-lihe yx-wydt4"></i>
打赏
</a>
<div class="ceo_shang_box yx-ccnpe">
<div class="ceo_shang_top yx-mb98q">
<a class="ceo_shang_close yx-pb0zd" href="javascript:void(0)" onclick="dashangToggle()" title="关闭">
<i class="iconfont icon-close yx-yl2u5"></i>
</a>
<img class="ceo_shang_logo yx-hkyqz" src="http://www.ysdns.com/uploadfile/202308/d78de940d43aa87.png">
<p>感谢您的支持，我会继续努力的!</p>
</div>
<div class="ceo_shang_ma yx-7sdzs">
<div class="ceo_shang_pay yx-40njd">
<!-- <div class="ceo_shang_payimg yx-w32jq">
<form action="/index.php?s=member&c=pay" class="form-horizontal yx-bhvhb" method="post" name="myform" id="payform">
<input name="is_form" type="hidden" value="1">
<input name="is_admin" type="hidden" value="0">
<input name="is_tips" type="hidden" value="">
<input name="csrf_test_name" type="hidden" value="9e4a9ed97e01c077ae959a63e265bc4c">
<input type="hidden" name="pay[mark]" value="my-shang_buy-2179_news-1" />
<input type="hidden" name="pay[title]" value="打赏文章《网页制作教程步骤》作者" />
<input type="hidden" name="pay[url]" value="" />
<div class="form-body form yx-8dmpt">
<div class="form-group yx-nx0v2">
<label class="col-md-3 control-label yx-o9bv8">打赏金额</label>
<div class="col-md-2 yx-cckyi">
<input type="text" name="pay[money]" value="0" class="form-control yx-8pgsm">
</div>
</div>
<div class="form-group yx-nx0v2">
<label class="col-md-3 control-label yx-o9bv8">账户余额</label>
<div class="col-md-2 yx-cckyi">
<p class="form-control-static fc-price-color yx-uugy6"> <i class="fa fa-rmb yx-fheb5"></i> 0.00 元</p>
</div>
</div>
<div class="form-group yx-nx0v2">
<label class="col-md-3 control-label yx-o9bv8" style="padding-top:10px">付款方式</label>
<div class="col-md-5 yx-y9kra">
<div class="btn-group yx-tyg2d" data-toggle="buttons">
<label style="border-radius:0" onclick="dr_select_paytype('alipay')" class="btn btn-lg btn-default active yx-a4dut"> <input type="radio" class="toggle yx-g3d0u"> <i class="fab fa-alipay yx-o4le7"></i>支付宝 </label>
<input type="hidden" name="pay[type]" value="alipay" id="dr_payselect">
</div>
</div>
</div>
<div class="form-actions fc-form-actions yx-p4pw8">
<label class="col-md-3 control-label yx-o9bv8"> </label>
<div class="col-md-9 fc-form-submit yx-7dfzp">
<button type="submit" class="btn btn-lg green yx-r077u"> 确认付款 </button>
</div>
</div>
</div>
</form> </div> -->
<div class="ceo_shang_payimg yx-w32jq">
<img src="/static/ysdns/web/images/personal-wxpay.png">
</div>
<div class="ceo_pay_explain yx-2usaj">
打开微信/支付宝扫一扫，即可进行扫码打赏哦，分享从这里开始，精彩与您同在</div>
</div>
</div>
</div>
<a href="javascript:dr_module_digg('news', '2179', 1);" data-action="topTop" data-id="536"
class="ceo-display-inline-block btn change-color dotGood yx-29kos">
<i class="iconfont icon-dianzan yx-whcgw"></i> 点赞 (<span class="count yx-905sa">0</span>)
</a>
</div>
<!--版权-->
<div class="single-cop yx-zwaka">
<div class="ceo-alert-banquan b-r-4 yx-s7s4m" ceo-alert>
<p class="ceo-margin-remove-bottom ceo-margin-small-top ceo-margin-bottom-20 yx-6dwx2">
所有文章为演示数据，不提供下载地址，版权归原作者所有，仅提供演示效果！
</p>
<p class="ceo-margin-small-bottom yx-89rv1">
<i class="iconfont icon-map yx-pkv89"></i>
<a href="http://www.ysdns.com/xueyuan/" target="_blank">站长学院</a>
<i class="iconfont icon-arrow-right yx-zl9sr"></i>
<a href="http://www.ysdns.com/edu/">建站教程</a>
<i class="iconfont icon-arrow-right yx-zl9sr"></i>
网页制作教程步骤 <i class="iconfont icon-arrow-right yx-zl9sr"></i>
http://www.ysdns.com/edu/2179.html </p>
</div>
</div>
<!--标签-->
<div class="ceo-margin-top b-t yx-spiz4">
<div class="tags-item ceo-single-tags yx-t9e3t">
</div>
</div>
<!--版权-->
<!--标签-->
</div>
<!--内页底部广告位-->
<!--内页底部广告位-->
<!--常见问题-->
<!--相关文章-->
<!--猜你喜欢-->
<!--评论模块-->
<!--联系官方-->
<div class="ceo-background-default b-b ceo-margin-bottom b-r-4 yx-xmlf0">
<div class="ceo-text-small ceo-panding-s yx-66139">
<div class="single-head yx-myvd3">
<div class="ceo-text-small ceo-text-muted ceo-flex ceo-text-truncate ceo-overflow-auto yx-3vbur">
<div class="avatar ceo-flex-1 ceo-flex ceo-flex-middle ceo-avatar-t yx-lw046">
<img alt='' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-20 photo yx-oax3v' data-id='1' height='20' width='20'>
<span class="ceo-text-small ceo-display-block ceo-margin-small-left yx-hunxk">
<a href="/user-1.html" le="文章作者 admin122" rel="author">映雪素材网</a>
</span>
<p>我们只做高端cms主题开发！</p>
<div class="poster-share-ico yx-g4g9x">
<a class="btn-bigger-cover j-mobile-share yx-4jusi" data-nonce="5abe7a356f" data-qrcode="" data-id="536"
data-action="create-bigger-image" id="bigger-cover" href="javascript:;">
<i class="iconfont icon-tupian yx-1924a"></i>
<span>生成海报</span>
</a>
</div>
<button id="TKLS" class="ceo-text-fz itemCopy red_tkl button_tkl yx-eij81" type="button"
data-clipboard-text="网页制作教程步骤：http://www.ysdns.com/edu/2179.html"><i class="iconfont icon-attachment yx-kwojo"></i>
复制本文链接
</button>
<div class="share yx-fcgge">
<a class="weixin-share ceo-display-inline-block ceo-fx-weixin yx-4nv7n" href="" ceo-tooltip="分享到微信"
data-image="" target="_blank">
<i class="iconfont icon-wechat-fill yx-1cg9d"></i>
</a>
<a class="ceo-display-inline-block ceo-fx-qq yx-shf1d" href="" ceo-tooltip="分享到QQ好友/QQ空间"
target="_blank">
<i class="iconfont icon-QQ yx-5w7su"></i>
</a>
<a class="ceo-display-inline-block ceo-fx-weibo yx-y9dg4" href="" ceo-tooltip="分享到微博" target="_blank">
<i class="iconfont icon-weibo1 yx-12igo"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ceo-grid-small ceo-margin-bottom yx-x6lvn" ceo-grid>
<div class="ceo-width-1-2 yx-yny1u">
<div class="b-r-4 ceo-inline ceo-overflow-hidden ceo-width-1-1 ceo-page-img yx-9b2uc" style="height:100px">
<img width="980" height="600" src="/uploadfile/202309/00d2f627fd7f458.jpg" class="attachment- size- wp-post-image yx-avhur" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 980px) 100vw, 980px" />
<div class="ceo-overlay ceo-overlay-primary ceo-position-bottom yx-qzgq6">
<span>上一篇：</span>
<a href="http://www.ysdns.com/edu/2178.html" class="ceo-display-block ceo-text-truncate yx-m2si3">网页制作教程 基础</a>
</div>
</div>
</div>
<div class="ceo-width-1-2 yx-yny1u">
<div class="b-r-4 ceo-inline ceo-overflow-hidden ceo-width-1-1 ceo-page-img yx-9b2uc" style="height:100px">
<img width="980" height="600" src="/uploadfile/202309/00d2f627fd7f458.jpg" class="attachment- size- wp-post-image yx-avhur" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 980px) 100vw, 980px" />
<div class="ceo-overlay ceo-overlay-primary ceo-position-bottom yx-qzgq6">
<span>下一篇：</span>
<a href="http://www.ysdns.com/edu/2180.html" class="ceo-display-block ceo-text-truncate yx-m2si3">网页制作教程自学网</a>
</div>
</div>
</div>
</div>
<!--内页底部广告位-->
<!--常见问题-->
<div id="ceoqa" class="ceo-qa ceo-background-default b-b ceo-margin-bottom ceo-single-foos b-r-4 yx-ox5n2">
<div class="ceo-qa-commont yx-x5h1z">
<span class="ceo-qa-turn yx-l0yzn"><i class="iconfont icon-help yx-6wcql"></i> 常见问题</span>
</div>
<div class="ceo-qa-problems ceo-qa-clearfix ceo-grid-ceosmls yx-jz6nv" ceo-grid>
<div class="ceo-qa-fl ceo-width-1-1@s ceo-width-1-1 ceo-width-1-2@l ceo-width-1-2@xl yx-5xp10">
<div class="ceo-qa-problems_each yx-9u2wn">
<div class="ceo-qa-problems_each_t yx-yva2e">
<p title="免费下载或者VIP会员专享资源能否直接商用？" class="dot yx-nr5pr"
style="overflow-wrap: break-word; white-space: normal;"><a href=""
target="_blank">免费下载或者VIP会员专享资源能否直接商用？</a>
</p>
</div>
<div class="ceo-qa-problems_each_detail yx-ba6ml">
<ul class="problems_each_detail_con dot is-truncated yx-h0pwh" style="overflow-wrap: break-word;">
<li>本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。
</li>
</ul>
<img src="/static/ysdns/web/images/ceo-qa-x.png" alt="">
<a class="problems_each_detail_link yx-d5u06" href="" target="_blank">查看详情</a>
</div>
</div>
</div>
<div class="ceo-qa-fl ceo-width-1-1@s ceo-width-1-1 ceo-width-1-2@l ceo-width-1-2@xl yx-5xp10">
<div class="ceo-qa-problems_each yx-9u2wn">
<div class="ceo-qa-problems_each_t yx-yva2e">
<p title="提示下载完成但无法解压？" class="dot yx-nr5pr" style="overflow-wrap: break-word; white-space: normal;"><a
href="" target="_blank">提示下载完成但无法解压？</a>
</p>
</div>
<div class="ceo-qa-problems_each_detail yx-ba6ml">
<ul class="problems_each_detail_con dot is-truncated yx-h0pwh" style="overflow-wrap: break-word;">
<li>最常见的情况是下载不完整:
可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用</li>
</ul>
<img src="/static/ysdns/web/images/ceo-qa-x.png" alt="">
<a class="problems_each_detail_link yx-d5u06" href="" target="_blank">查看详情</a>
</div>
</div>
</div>
</div>
</div>
<!--相关文章-->
<section id="ceoxiangguan"
class="ceo-background-default b-b ceo-margin-bottom-20 ceo-margin-top-20 b-r-4 ceo-single-foos ceo-xiangguan yx-vbd46">
<div class="ceo-qa-commont section-title ceo-flex ceo-flex-middle yx-3qeue">
<h3 class="ceo-position-relative ceo-flex-1 ceo-display-inline-block ceo-margin-remove yx-yk3mr">
<i class="iconfont icon-wenjuan yx-63odh"></i> 相关文章
</h3>
</div>
<div class="card ceo-margin-top yx-3aq7y">
<div class="ceo-grid-ceosmls yx-mk4m3" ceo-grid>
</div>
</div>
</section>
<!--猜你喜欢-->
<section id="ceoxiangguan"
class="ceo-background-default b-b ceo-margin-bottom-20 ceo-margin-top-20 b-r-4 ceo-padding-30px ceo-xiangguan yx-27ibl">
<div class="ceo-xiangguan-wen yx-dds8g">
<div class="ceo-qa-commont yx-x5h1z">
<span class="ceo-qa-turn yx-l0yzn">
<i class="iconfont icon-xiangkan yx-665xi"></i> 猜你喜欢
</span>
</div>
<ul class="xgart-row yx-4mbgh">
<li>
<a href="/edu/1834.html" target="_blank">drupal建站教程</a>
<span>2023-08-17</span>
</li>
<li>
<a href="/edu/1956.html" target="_blank">织梦建站教程下载</a>
<span>2023-08-30</span>
</li>
<li>
<a href="/edu/2060.html" target="_blank">网站制作免费教程</a>
<span>2023-09-12</span>
</li>
<li>
<a href="/edu/1649.html" target="_blank">php商城cms</a>
<span>2023-07-22</span>
</li>
<li>
<a href="/edu/842.html" target="_blank">cms系统开发教程</a>
<span>2023-07-13</span>
</li>
<li>
<a href="/edu/1877.html" target="_blank">phpstudy建站教程</a>
<span>2023-08-23</span>
</li>
<li>
<a href="/edu/593.html" target="_blank">网站首页如何设计</a>
<span>2023-06-28</span>
</li>
<li>
<a href="/edu/854.html" target="_blank">网站开发 cms</a>
<span>2023-07-15</span>
</li>
<li>
<a href="/edu/1776.html" target="_blank">cms系统价格</a>
<span>2023-08-08</span>
</li>
<li>
<a href="/edu/857.html" target="_blank">cms管理系统开发</a>
<span>2023-07-15</span>
</li>
</ul>
</div>
</section>
<!-- 评论模块 -->
<!--联系官方-->
<div class="single-contact-box b-r-4 ceo-margin-bottom yx-ge0n2"
style="background: url(/static/ysdns/web/images/ceo-img-contact.png) no-repeat center;">
<div class="single-contact-box-head yx-jdl70">
<div class="ceo-flex yx-b5d0h">
<div class="single-contact-box-head-z ceo-flex-1 yx-0b67q">
<span>官方客服团队</span>
<p>为您解决烦忧 - 24小时在线 专业服务</p>
</div>
<div class="single-contact-box-head-y yx-eb7tz">
<a href="/guanggao" target="_blank">
<i class="iconfont icon-service-fill yx-ft6vp"></i>联系官方团队
</a>
<a href="#" class="single-contact-box-head-y-mobile yx-1qaph" target="_blank">
<i class="iconfont icon-service-fill yx-ft6vp"></i>在线提交工单
</a>
</div>
</div>
</div>
</div>
<!--评论模块-->
<div id="comments" class="comments b-a b-r-6 ceo-background-default ceo-margin-bottom yx-7w4rg">
<div class="comments-title module-title b-b ceo-flex ceo-flex-middle yx-0o1f0">
<span class="ceo-flex-1 ceo-position-relative yx-2uq47"><i
class="iconfont icon-taolunqu yx-4j5lx"></i> 发表评论</span>
<div class="">
<small class="ceo-text-small ceo-text-muted yx-igh66">暂无评论</small>
</div>
</div>
<!-- // 评论ajax框代码 id表示当前模块的内容id号 -->
<script src="/static/assets/global/plugins/jquery.min.js"
type="text/javascript"></script>
<script src="/static/assets/js/cms.js" type="text/javascript"></script>
<div class="comment-list yx-yz0js">
<div id="dr_module_comment_2179"></div><script type="text/javascript"> function dr_ajax_module_comment_2179(type, page) { var index = layer.load(2, { time: 10000 });$.ajax({type: "GET", url: "/index.php?s=news&c=comment&m=index&id=2179&&type="+type+"&page="+page+"&"+Math.random(), dataType:"jsonp", success: function (data) { layer.close(index); if (data.code) { $("#dr_module_comment_2179").html(data.msg); } else { dr_tips(0, data.msg); } }, error: function(HttpRequest, ajaxOptions, thrownError) { layer.closeAll(); var msg = HttpRequest.responseText; alert("评论调用函数返回错误："+msg); } }); } dr_ajax_module_comment_2179(0, 1); </script> </div>
</div> </div>
</div>
<div class="ceo-side-lie-y ceo-width-expand sidebar-column yx-gz8z7">
<!-- 生成word、pdf文件 -->
<!---->
<!---->
<div class="sidebar yx-8z3yx">
<section class="side-author b-a b-r-4 ceo-background-default ceo-overflow-hidden ceo-margin-bottom yx-x4lg7">
<!-- 站长名片 -->
<div class="user-info ceo-padding-small ceo-position-relative yx-kexfx">
<div class="ceo-position-relative ceo-position-z-index yx-rz3bc">
<div class="avatar ceo-text-center yx-3s497">
<img alt='' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-100 photo yx-nap1v' data-id='1' height='100'
width='100'>
</div>
<div class="ceo-text-center yx-n3yg9">
<p class="ceo-text-bolder ceo-margin-small-top ceo-margin-small-bottom ceo-h4 yx-ie675">
<a href="uid(#)不存在" title="文章作者 admin122" rel="author">映雪素材网</a>
</p>
<p class="ceo-text-small ceo-text-muted ceo-margin-small-top ceo-margin-bottom-10 yx-fj6qz">
我们只做高端cms主题开发！
</p>
</div>
</div>
<div class="ceo-text-center ceo-author-a-admin yx-vi037">
<a class="qq yx-7j24i" href="/guanggao" ceo-tooltip="QQ" target="_blank" rel="nofollow">
<i class="iconfont icon-QQ yx-5w7su"> QQ</i>
</a>
<a class="wx yx-2yfru" ceo-toggle="target: #weixin" ceo-tooltip="微信" rel="nofollow">
<i class="iconfont icon-wechat-fill yx-1cg9d"> 微信</i>
</a>
<div id="weixin" ceo-modal>
<div class="ceo-modal-dialog ceo-modal-body ceo-text-center yx-503p4">
<div class="section-title b-b ceo-padding-bottom-10 ceo-margin-bottom yx-y4963">
<h3 class="ceo-display-block yx-3dpe8">微信</h3>
</div>
<img src="/static/ysdns/web/images/personal-wx.jpg">
</div>
</div>
<a class="wb yx-94kti" href="/guanggao" ceo-tooltip="微博" target="_blank" rel="nofollow">
<i class="iconfont icon-weibo1 yx-12igo">微博</i>
</a>
</div>
<div class="side-author-count ceo-margin-top ceo-position-relative ceo-position-z-index yx-fh29r">
<ul class="ceo-grid-collapse yx-hnzfs" ceo-grid>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>文章</span>
</div>
</li>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>浏览</span>
</div>
</li>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>收藏</span>
</div>
</li>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>评论</span>
</div>
</li>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>标签</span>
</div>
</li>
<li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-v83ng">
<div class="item ceo-background-default yx-l99em">
<p class="ceo-h4 ceo-margin-remove yx-r6uvs">-</p>
<span>分类</span>
</div>
</li>
</ul>
</div>
<div class="ceo-gzsxbtn-box yx-hoev6">
<div class="ceo-grid-small btn-follow-div yx-qd5kd" ceo-grid>
<div class="ceo-width-1-3 yx-slb2s">
<button type="button" class="ceo-gzbtn j-follow btn-primary yx-gc4zc" data-user="1"
onclick="dr_hy_addfriend('1')">
<i class="iconfont icon-add-select yx-zjory"></i>关注Ta
</button>
</div>
<div class="ceo-width-1-3 yx-slb2s">
<button type="button" class="ceo-sxbtn j-message yx-zevpm" data-user="1" onclick='dr_iframe_show("聊天窗口", "http://www.ysdns.com/index.php?s=sms&uid=1");'>
<i class="iconfont icon-email yx-am92g"></i>发私信
</button>
</div>
<div class="ceo-width-1-3 yx-slb2s">
<a href="/user-1.html" target="_blank" class="ceo-zybtn yx-6akp1" rel="noreferrer nofollow">
<i class="iconfont icon-adduser yx-mvbti"></i>进主页
</a>
</div>
</div>
</div>
</div>
<div class="side-author-latest ceo-background-default ceo-padding-small yx-ay92z">
<div
class="b-b ceo-padding-top-small ceo-padding-remove-horizontal ceo-clearfix ceo-flex ceo-flex-middle yx-2gm8q">
<span
class="side-title side-title-style ceo-h5 ceo-float-left ceo-margin-remove ceo-position-relative yx-2u5ii">TA的动态</span>
<span
class="home-time ceo-float-right ceo-display-inline-block ceo-text-muted ceo-text-small ceo-flex-1 ceo-text-right yx-ef72u"></span>
</div>
<ul class="ceo-padding-remove ceo-margin-remove-bottom yx-27jup">
<li class="ceo-margin-small-bottom ceo-position-relative yx-0enng">
<span>2024-05-05</span>
<a href="/diary/8.html" target="_blank" class="ceo-display-block yx-3dpe8">
感恩遇见，不负不欠 </a>
</li>
<li class="ceo-margin-small-bottom ceo-position-relative yx-0enng">
<span>2024-05-05</span>
<a href="/seo/17.html" target="_blank" class="ceo-display-block yx-3dpe8">
SEO常用的代码，SEO优化常用的标签 </a>
</li>
<li class="ceo-margin-small-bottom ceo-position-relative yx-0enng">
<span>2024-05-03</span>
<a href="/diary/1.html" target="_blank" class="ceo-display-block yx-3dpe8">
你的微笑，胜过阳光 </a>
</li>
<li class="ceo-margin-small-bottom ceo-position-relative yx-0enng">
<span>2024-05-01</span>
<a href="/diary/7.html" target="_blank" class="ceo-display-block yx-3dpe8">
你要堕落，神仙也救不了；你要成长，绝处也能逢生! </a>
</li>
<li class="ceo-margin-small-bottom ceo-position-relative yx-0enng">
<span>2024-04-28</span>
<a href="/sem/37.html" target="_blank" class="ceo-display-block yx-3dpe8">
如何使用单页模板设计酒店加盟推广落地页？ </a>
</li>
</ul>
</div>
</section>
<section
class="helper b-a b-r-4 ceo-background-default ceo-overflow-hidden ceo-margin-bottom ceo-position-relative yx-3ww33">
<h5 class="ceo-margin-remove-bottom yx-gpp6n">映雪素材</h5>
<div class="ceo-padding-small ceo-padding-remove-left yx-lu63i">
<p class="ceo-text-small ceo-text-muted yx-igh66">
知识分享、模板下载、素材下载和记录生活的平台。通过互联网分享知识,搭建个人博客网站，从而让更多开发者从中受益，共同进步，共同成长！
</p>
<a href="https://jq.qq.com/?_wv=1027&k=wchxfF7v"
class="ceo-qun btn change-color b-r-4 ceo-display-inline-block ceo-light yx-c56u0" target="_blank"
rel="nofollow"><i class="iconfont icon-qq yx-fs85a"></i>QQ交流群</a>
<div class="helper-thumb yx-7kvfm"><img src="/static/ysdns/web/images/ceo-qun.png" alt="网页制作教程步骤">
</div>
</div>
<div id="qq" ceo-modal="" class="ceo-modal yx-cczhl">
<div class="ceo-modal-dialog ceo-modal-body yx-qodr6">
<h4>QQ交流群</h4>
<div class="ceo-text-small yx-6t5ta">
您的支持，是我们最大的动力！
</div>
</div>
</div>
</section>
<!-- 侧边栏帮助模块 -->
<section class="side-art b-a b-r-4 ceo-background-default ceo-margin-bottom yx-a3tb2">
<div class="b-b ceo-padding-small ceo-clearfix ceo-flex ceo-flex-middle yx-56yuw">
<span
class="side-title side-title-style ceo-h5 ceo-float-left ceo-margin-remove ceo-position-relative yx-2u5ii">热门文章</span>
<span
class="home-time ceo-float-right ceo-display-inline-block ceo-text-muted ceo-text-small ceo-flex-1 ceo-text-right yx-ef72u"></span>
</div>
<ul class="ceo-list ceo-padding-remove ceo-overflow-auto ceo-sidebar-wenzhang yx-6vojc">
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1929.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202308/2f8710653287fb.jpg" alt="千寻rtk建站步骤教学视频"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1929.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">千寻rtk建站步骤教学视频</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-08-27 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>203 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1728.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202308/ef188c3360ef273.jpg" alt="cms建站系统安装"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1728.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">cms建站系统安装</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-08-02 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>188 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1902.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202308/ef76d6a41a69aa0.jpg" alt="wix建站教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1902.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">wix建站教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-08-24 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>140 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1825.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202308/af2f10bbf95a77e.jpg" alt="橙子落地页建站教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1825.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">橙子落地页建站教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-08-16 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>139 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1711.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202307/0ba8df3664dbb02.jpg" alt="cms建站系统下载"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1711.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">cms建站系统下载</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-07-30 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>123 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/865.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202307/adfee5d93d1b.jpg" alt="html help workshop教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/865.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">html help workshop教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-07-16 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>113 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/1923.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202308/b15bd58789d42eb.jpg" alt="快站建站教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/1923.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">快站建站教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-08-26 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>111 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/2158.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202309/c042bbf42bd36b9.jpg" alt="怎样建设网站教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/2158.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">怎样建设网站教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-09-25 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>108 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/2184.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202309/38a5e8374ed31fb.jpg" alt="网页制作制作教程"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/2184.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">网页制作制作教程</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-09-28 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>105 </span>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="ceo-margin-remove-top yx-v6knn">
<div class="b-b ceo-padding-small yx-etvgn">
<div ceo-grid class="ceo-grid-small yx-4g3av">
<div class="ceo-width-1-3 yx-slb2s">
<a href="/edu/2173.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-wwf9s">
<img data-src="/uploadfile/202309/a0a4603bfe61259.jpg" alt="网页制作教程网"
src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-d61a0">
</a>
</div>
<div class="ceo-width-2-3 ceo-sidebar-article-c yx-lw6pr">
<div class="ceo-card yx-m9vo0">
<p class="ceo-margin-small-bottom yx-89rv1">
<a href="/edu/2173.html" target="_blank"
class="ceo-display-block ceo-text-truncate yx-m2si3">网页制作教程网</a>
</p>
<div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-yjd5g">
<span class="ceo-margin-right yx-2vb3q">
<i class="iconfont icon-rili yx-93g13"></i>2023-09-27 </span>
<span class="ceo-margin-right ceo-flex ceo-flex-middle yx-gr9ej">
<i class="iconfont iconfont icon-yanjing yx-o75aw"></i>105 </span>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
<!-- 侧边栏热门文章模块 -->
<section class="side-tag b-r-4 b-a ceo-background-default ceo-margin-bottom yx-qr6k1">
<div class="b-b ceo-padding-small ceo-flex ceo-flex-middle yx-s7it9">
<span class="side-title side-title-style ceo-position-relative yx-e8wds">热门标签</span>
</div>
<ul class="ceo-list tags-item ceo-padding-small ceo-margin-remove yx-oj4om">
<a ceo-tooltip="19个相关文章" href="/tag/wordpress.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">WordPress</a>
<a ceo-tooltip="0个相关文章" href="/tag/wendachajian.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">问答插件</a>
<a ceo-tooltip="0个相关文章" href="/tag/gerenboke.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">个人博客</a>
<a ceo-tooltip="0个相关文章" href="/tag/gerenbokezhuti.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">个人博客主题</a>
<a ceo-tooltip="0个相关文章" href="/tag/bokezhuti.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">博客主题</a>
<a ceo-tooltip="0个相关文章" href="/tag/xiangyingshi.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">响应式</a>
<a ceo-tooltip="4个相关文章" href="/tag/discuz.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">discuz</a>
<a ceo-tooltip="1个相关文章" href="/tag/bokeriji.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">博客日记</a>
<a ceo-tooltip="0个相关文章" href="/tag/seo.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">SEO技术</a>
<a ceo-tooltip="0个相关文章" href="/tag/zhanqun.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">站群</a>
<a ceo-tooltip="0个相关文章" href="/tag/bizhi.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">壁纸</a>
<a ceo-tooltip="0个相关文章" href="/tag/nuhai.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">女孩</a>
<a ceo-tooltip="0个相关文章" href="/tag/meinu.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">美女</a>
<a ceo-tooltip="0个相关文章" href="/tag/mote.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">模特</a>
<a ceo-tooltip="0个相关文章" href="/tag/cosplay.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">cosplay</a>
<a ceo-tooltip="0个相关文章" href="/tag/guzhuang.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">古装</a>
<a ceo-tooltip="0个相关文章" href="/tag/menhuwangzhan.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">门户网站</a>
<a ceo-tooltip="2个相关文章" href="/tag/qiyewangzhan.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">企业网站</a>
<a ceo-tooltip="1个相关文章" href="/tag/dianshiju.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">电视剧</a>
<a ceo-tooltip="45个相关文章" href="/tag/baidujingjia.html" title="点击量："
target="_blank" class="b-r-4 ceo-text-small yx-c83qj">百度竞价</a>
</ul>
</section>
<section class="b-r-4 b-a ceo-background-default ceo-margin-bottom yx-gax0w">
<div class="b-b ceo-padding-small ceo-flex ceo-flex-middle yx-s7it9">
<span class="side-title side-title-style ceo-position-relative yx-e8wds">热门评论</span>
</div>
<div class="new-comment ceo-padding-small ceo-overflow-auto yx-awaiy">
<li class="b-b yx-mo6ri">
<div class="avatar ceo-display-inline-block yx-me5m4">
<img alt='映雪博客' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-lb9og' data-id='1919' height='24'
width='24'>
</div>
映雪博客：
<a href="#">点赞[haha]</a>
<p class="content b-r-4 ceo-background-muted yx-7388t"></p>
</li>
<li class="b-b yx-mo6ri">
<div class="avatar ceo-display-inline-block yx-me5m4">
<img alt='映雪素材网' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-lb9og' data-id='1919' height='24'
width='24'>
</div>
映雪素材网：
<a href="#">undefined</a>
<p class="content b-r-4 ceo-background-muted yx-7388t"></p>
</li>
<li class="b-b yx-mo6ri">
<div class="avatar ceo-display-inline-block yx-me5m4">
<img alt='映雪素材网' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-lb9og' data-id='1919' height='24'
width='24'>
</div>
映雪素材网：
<a href="#">不错</a>
<p class="content b-r-4 ceo-background-muted yx-7388t"></p>
</li>
</div>
</section>
<!-- 侧边栏热门评论模块 -->
</div>
</div>
</div>
</div>
<!--内页专题-->
</section>
</main>
<!--跟随-->
<!--活动按钮-->
<!--活动按钮-->
<!--侧边栏跟随客服---->
<div class="wapnone ceo_follow_service yx-vz14k" style="top:52%">
<ul>
<!--签到-->
<li class="ceo_follow_service_box ceo_follow_service_consult ceo_footer_s yx-mor3u">
<a class="ceo_today_active today_active checkin erphp-checkin yx-ywfru" href="javacript:void(0);"><i
class="iconfont icon-rili yx-93g13"></i></a>
</li>
<!--签到-->
<li class="ceo_follow_service_box ceo_follow_service_consult yx-1rtqm">
<span class="ceo_follow_qq yx-htgj1" href="javacript:;"><i class="iconfont icon-service-fill yx-ft6vp"></i>
<div class="ceo_follow_service_consult_cont yx-m6lu5"> <span class="ceo_follow_service_triangle yx-35skg"></span>
<div class="ceo_follow_service_consult_cont_top yx-vv5oq">
<span class="ceo_follow_service_hint yx-fv6nm">
<span><i class="ceo_follow_service_iconlx iconfont icon-comment yx-duubz"></i> 如遇问题，请联系客服
</span>
</span>
<a class="ceo_follow_service_button yx-aachh" href="/guanggao" target="_blank">咨询在线客服</a>
<a class="ceo_follow_service_button yx-aachh" href="/guanggao" target="_blank">技术支持</a>
</div>
<span class="ceo_follow_service_phone yx-5fh17"> 联系客服请注明来意 </span>
<span class="ceo_follow_service_check_site yx-t35cq">
<span>
<i class="ceo_follow_service_icongd iconfont icon-anquan yx-jmubq"></i>官方客服验证 </span>
</span>
</div>
</span>
</li>
<li class="ceo_follow_service_box ceo_follow_service_qr ceo_footer_s yx-yqu8k">
<a href="javacript:;"><i class="iconfont icon-weixin yx-t066d"></i>
<div class="ceo_follow_service_qr_cont yx-agzbv">
<span class="ceo_follow_service_triangle yx-35skg"></span>
<div class="ceo_follow_service_qrimg yx-moagj">
<span class="ceo_follow_service_qrimg_site yx-q4tsz"
style="background: url(/static/ysdns/web/images/personal-wx.jpg)"></span>
微信公众号
</div>
<div class="ceo_follow_service_qrtext yx-213jc">
<span>映雪素材·高端主题</span>
</div>
</div>
</a>
</li>
<li class="ceo_follow_service_box ceo_follow_service_ax ceo_footer_s yx-eskqf">
<a href="http://www.ysdns.com/" target="_blank"><i class="iconfont icon-huiyuan yx-anu27"></i>
<div class="ceo_follow_service_ax_cont yx-ax454">
<span class="ceo_follow_service_triangle yx-35skg"></span>
映雪素材 </div>
</a>
</li>
<li class="ceo_follow_service_box ceo_follow_service_ax goTop ceo_footer_s yx-j2bg0">
<a href="#header" class="ceo-display-block yx-3dpe8" ceo-scroll><i class="iconfont icon-Top yx-zaf14"></i>
<div class="ceo_follow_service_ax_cont yx-ax454"> <span class="ceo_follow_service_triangle yx-35skg"></span>
<span> 返回顶部 </span>
</div>
</a>
</li>
</ul>
</div>
<!--侧边栏跟随客服---->
<!--跟随-->
<!--Banner-->
<!--Banner-->
<footer class="footer ceo-background-secondary yx-g3m50">
<div class="foot ceo-container ceo-padding yx-3dcgt">
<div class="ceo-grid yx-w7gxh" ceo-grid>
<div class="ceo-width-1-1@s ceo-width-1-3@xl yx-bccen">
<div class="foot-item foot-item-first ceo-position-relative yx-aoqqd">
<a href="" target="_blank" class="foot-logo ceo-display-block yx-jfivy">
<img src="http://www.ysdns.com/uploadfile/202308/d78de940d43aa87.png"></a>
<p class="ceo-text-small yx-6t5ta">
知识分享、模板下载、素材下载和记录生活的平台。通过互联网分享知识,搭建个人博客网站，从而让更多开发者从中受益，共同进步，共同成长！
</p>
</div>
</div>
<div class="ceo-width-2-3 ceo-visible@s yx-smmje">
<div class="ceo-grid yx-w7gxh" ceo-grid>
<div class="ceo-width-1-3 yx-slb2s">
<div class="foot-item yx-2wevp">
<div class="foot-item-title yx-ouese"><i class="iconfont icon-anquan yx-z0v1g"></i>快捷导航</div>
<ul class="ceo-padding-remove yx-2uft8">
<li><a href="/notice.html" target="_blank"> 平台公告</a></li>
<li><a href="/tag" target="_blank"> 热门标签</a></li>
<li><a href="/tougao.html" target="_blank"> 在线投稿</a></li>
<li><a href="/sitesubmit.html" target="_blank"> 网站提交</a></li>
<li><a href="/apply.html" target="_blank"> 服务申请</a></li>
<li><a href="/qqqun.html" target="_blank"> QQ群联盟</a></li>
</ul>
</div>
</div>
<div class="ceo-width-1-3 yx-slb2s">
<div class="foot-item yx-2wevp">
<div class="foot-item-title yx-ouese"><i class="iconfont icon-anquan yx-z0v1g"></i>关于我们</div>
<ul class="ceo-padding-remove yx-2uft8">
<li><a href="/about.html" target="_blank"> 关于我们</a></li>
<li><a href="/disclaimer.html" target="_blank"> 免责声明</a></li>
<li><a href="/copyright.html" target="_blank"> 版权声明</a></li>
<li><a href="/support.html" target="_blank"> 售后支持</a></li>
</ul>
</div>
</div>
<div class="ceo-width-1-3 yx-slb2s">
<div class="foot-item yx-2wevp">
<div class="foot-item-title yx-ouese"><i class="iconfont icon-anquan yx-z0v1g"></i>商务合作</div>
<ul class="ceo-padding-remove yx-2uft8">
<li><a href="/ad.html" target="_blank"> 广告合作</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="foot-link yx-9tj0b">
<div class="link ceo-margin-top ceo-container yx-2938u">
<ul class="ceo-margin-remove ceo-text-small yx-onexw">
<li style="margin-right: 15px;"><i class="iconfont icon-becomeagoldsupplier yx-b9d3g"></i>友情链接：</li>
<li id="linkcat-417" class="linkcat yx-2jtc0">
<h2>友情链接</h2>
<ul class='xoxo blogroll yx-c8c30'>
<li><a href="https://www.cuceo.com/" target="_blank">初沁模板网</a>
<a href="https://ysdns.com/" target="_blank">映雪素材网</a>
<a href="https://www.nomb.cn/" target="_blank">柠檬择校网</a>
<a href="https://pyji.cn/" target="_blank">柠檬百科</a>
<a href="http://doc.cuceo.com/" target="_blank">初沁手册文档</a></li>
<!--分站友情连接-->
<li><a href="http://www.ysdns.com/" rel="noopener" target="_blank">映雪素材</a></li>
<li><a href="http://jishu.ysdns.com/" rel="noopener" target="_blank">映雪技术</a></li>
<li><a href="http://yulu.ysdns.com/" rel="noopener" target="_blank">映雪语录</a></li>
<li><a href="http://yangsheng.ysdns.com/" rel="noopener" target="_blank">映雪养生</a></li>
<li><a href="http://geci.ysdns.com/" rel="noopener" target="_blank">映雪歌词</a></li>
<!--全站链接-->
<li></li>
</ul>
</li>
<li>
<a href="https://www.2898.com/website_332089.htm" target="_blank" rel="noreferrer nofollow" class="iconfont icon-QQ yx-5w7su" style="font-size: 0.875rem;">购买本站友情链接（秒上）</a>
<a href="/link.html" target="_blank" rel="noreferrer nofollow" class="iconfont icon-QQ yx-5w7su" style="font-size: 0.875rem;">友链申请+</a>
</li>
</ul>
</div>
</div>
<div class="foot-cop yx-tno3i">
<div class="ceo-container ceo-padding-small ceo-clearfix yx-2befm">
<div class="ceo-float-left yx-662iw">
<span>© 2024 映雪素材 - http://www.ysdns.com/ & Theme. All rights reserved</span>
<a class="ceo-margin-small-right yx-hiv5d" href="/sitemap.xml" target="_blank"><i
class="iconfont icon-location-fill yx-y7dl0" aria-hidden="true"></i> 网站地图</a>
<a class="ceo-margin-small-right yx-hiv5d" href="/sitemap.txt" target="_blank"><i
class="iconfont icon-location-fill yx-y7dl0" aria-hidden="true"></i> 站点txt</a>
<a class="ceo-margin-small-right yx-hiv5d" href="/tag.txt" target="_blank"><i
class="iconfont icon-location-fill yx-y7dl0" aria-hidden="true"></i> Tagtxt</a>
<span class="ceo-margin-small-right ceo-gongan yx-jh0vg">
<a href="https://beian.miit.gov.cn" target="_blank" eferrer nofollow>
<img src="/static/ysdns/web/images/beian.png" height="6">陇ICP备2021003413号-2 </a>
</span>
</div>
<div class="ceo-float-right ceo-visible@s yx-vkodc">
<span>Theme By <a href="http://www.ysdns.com/" target="_blank"
rel="noreferrer nofollow">映雪素材</a></span>
</div>
</div>
</div>
<!--登录注册弹窗-->
<div id="modal-login" ceo-modal>
<div class="ceo-modal-dialog ceo-modal-body ceo-login-h b-r-12 yx-7cbqs">
<div class="ceo-login-title yx-xncpa">
<h3 class="ceo-modal-title ceo-text-align yx-mcah3">登录</h3>
<p class="title-minor yx-sajyd">
<em></em>
<span>Hi~欢迎来到映雪素材</span>
<em></em>
</p>
</div>
<div class="ceo-login-qq yx-1w4cn">
<a href="http://www.ysdns.com/index.php?s=api&c=oauth&m=index&name=qq&type=login" class="btn change-color social-login ceo-margin-top button mid qq half qq_login_button yx-bt1c4">
<i class="iconfont icon-QQ yx-5w7su"></i></a>
<!-- <a title="公众号登录" href="javascript:;"
class="btn change-color social-login ceo-margin-top button mid mpweixin half mpweixin_login_button yx-2z0mu"><i
class="iconfont icon-weixin yx-t066d"></i></a> -->
</div>
<div class="b-b yx-mo6ri">
<div class="zongcai-tips yx-83x8o"></div>
<form action="" method="POST" id="myform" class="login-weixin login-form2 ceo-margin-top-20 yx-7f2k0" onsubmit="return false;">
<div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-3dtl6">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-bussiness-man yx-1sppz"></i></span>
<input type="text" name="data[username]" id="username" class="b-r-4 ceo-input ceo-text-small yx-wbz2k"
placeholder="账号/邮箱/手机" required="required">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-3dtl6">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-password yx-ixqkl"></i></span>
<input type="password" name="data[password]" id="password" placeholder="请输入密码"
class="b-r-4 ceo-input ceo-text-small yx-wbz2k" value="">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-3dtl6">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-password yx-ixqkl"></i></span>
<div class="input-group login-code yx-pzbdg">
<div class="input-icon float-left yx-rgv5l">
<input class="b-r-4 ceo-input ceo-text-small yx-wbz2k" type="text" autocomplete="off" placeholder="验证码" name="code">
</div>
<div class="input-group-btn fc-code yx-07p5x">
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
</div>
</div>
<div class="ceo-flex-middle ceo-margin-top yx-p5b42">
<button class="change-color b-r-4 button mid dark ceo-button ceo-width-1-1 yx-fvxqq" onclick="dr_ajax_member('http://www.ysdns.com/index.php?s=member&c=login&m=index', 'myform');">立即登录</button>
</div>
</form>
</div>
<div class="ceo-alert-primary ceo-margin-remove-bottom b-r-4 yx-ue4mf" ceo-alert>
<p class="ceo-text-small yx-6t5ta">
把我的心情心思心肠心声心扉心怀心疼心爱心神心灵心肝心语心动心跳心愿一并送给你！愿你从今晨开始一切顺心安心爽心欢心永远开心！
</p>
</div>
<div class="ceo-flex ceo-margin-top-20 yx-k9mlj">
<a href="#modal-register" class="ceo-text-muted ceo-text-small ceo-flex-1 yx-29vak" ceo-toggle>没有账号？立即注册</a>
<a href="/index.php?s=member&c=login&m=find" class="ceo-text-muted ceo-text-small yx-v8kjp">忘记密码？</a>
</div>
</div>
</div>
<div id="modal-register" ceo-modal>
<div class="ceo-modal-dialog ceo-modal-body ceo-login-h b-r-12 yx-7cbqs">
<div class="ceo-login-title yx-xncpa">
<h3 class="ceo-modal-title ceo-text-align yx-mcah3">注册</h3>
<p class="title-minor yx-sajyd">
<em></em>
<span>Hi~欢迎加入映雪素材</span>
<em></em>
</p>
</div>
<div class="ceo-login-qq yx-1w4cn">
<a href="http://www.ysdns.com/index.php/?s=api&c=oauth&m=index&name=qq&type=login"
class="btn change-color social-login ceo-margin-top button mid qq half qq_login_button yx-bt1c4"><i
class="iconfont icon-QQ yx-5w7su"></i></a>
<!-- <a title="公众号登录" href="javascript:;"
class="btn change-color social-login ceo-margin-top button mid mpweixin half mpweixin_login_button yx-2z0mu"><i
class="iconfont icon-weixin yx-t066d"></i></a> -->
</div>
<div class="b-b yx-mo6ri">
<div class="zongcai-tips yx-83x8o"></div>
<form class="login-weixin ceo-margin-top-20 register-form2 yx-unzr5" action="" method="POST" name="regform" id="regform" onsubmit="return false;">
<input name="is_form" type="hidden" value="1">
<input name="is_admin" type="hidden" value="0">
<input name="is_tips" type="hidden" value="">
<input name="csrf_test_name" type="hidden" value="9e4a9ed97e01c077ae959a63e265bc4c">
<input name="back" id="dr_back" type="hidden" value="">
<div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-utg7q" id="dr_row_username">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-email yx-am92g"></i></span>
<input type="text" name="data[username]" id="dr_username" placeholder="账号"
class="b-r-4 ceo-input ceo-text-small yx-wbz2k" required="required">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-utg7q" id="dr_row_email">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-email yx-am92g"></i></span>
<input type="email" name="data[email]" id="dr_email" placeholder="输入邮箱"
class="b-r-4 ceo-input ceo-text-small yx-wbz2k" required="required">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-utg7q" id="dr_row_password">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-password yx-ixqkl"></i></span>
<input type="password" name="data[password]" id="dr_password" placeholder="输入6位数以上密码"
class="b-r-4 ceo-input ceo-text-small yx-wbz2k" required="required">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-utg7q" id="dr_row_password2">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-password yx-ixqkl"></i></span>
<input type="password" name="data[password2]" id="dr_password2" placeholder="请再次输入密码"
class="b-r-4 ceo-input ceo-text-small yx-wbz2k" required="required">
</div>
<div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-3dtl6" id="dr_row_code">
<span class="ceo-form-icon yx-ufasq"><i class="iconfont icon-password yx-ixqkl"></i></span>
<div class="input-group login-code yx-pzbdg">
<div class="input-icon float-left yx-rgv5l">
<input class="b-r-4 ceo-input ceo-text-small yx-wbz2k" type="text" autocomplete="off" placeholder="验证码" id="dr_code" name="code">
</div>
<div class="input-group-btn fc-code yx-07p5x">
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
</div>
</div>
<div class="agreen yx-rv2fz">
<input id="agreement" name="is_protocol" value="1" type="checkbox" class="agreen_btn yx-9z4mx" checked>
<label for="agreen"></label>
我已阅读并同意<a href="javascript:dr_show_protocol();">《注册协议》</a>
</div>
<div class="ceo-flex ceo-flex-middle yx-7cj8d">
<button class="submit change-color b-r-4 button mid dark ceo-button ceo-width-1-1 yx-82f3b" onclick="dr_ajax_member('http://www.ysdns.com/index.php?s=member&c=register&m=index', 'regform');">立即注册</button>
</div>
</form>
</div>
<div class="ceo-alert-primary ceo-margin-remove-bottom b-r-4 yx-ue4mf" ceo-alert>
<p class="ceo-text-small yx-6t5ta">HI，欢迎来到映雪素材！</p>
</div>
<div class="ceo-margin-top-20 yx-m3mt8">
<a href="#modal-login" class="ceo-text-muted ceo-text-small yx-v8kjp" ceo-toggle>已有账号？立即登录</a>
</div>
</div>
</div>
<!--基础功能弹窗-->
<!--整站弹窗公告-->
</footer>
</div>
<!--整站弹窗公告-->
<div id="home-modal" ceo-modal>
<div class="ceo-tan home-modal ceo-padding-remove ceo-modal-dialog ceo-modal-body ceo-margin-auto-vertical yx-to0r7">
<div class="b-r-12 ceo-background-default ceo-overflow-hidden ceo-position-relative yx-67rhr">
<div class="home-modal-bg ceo-overflow-hidden ceo-position-top yx-nv1c9">
<img src="/static/ysdns/web/images/ceo-tanchuang.png">
</div>
<div class="home-modal-main ceo-text-center ceo-position-relative ceo-position-z-index yx-4wmgi">
<div class="ceo-padding ceo-margin-bottom ceo-tanchuang-gg ceo-margin-bottom-40 yx-w6dvv">
<h3 class="ceo-margin-bottom yx-6c0r4">映雪素材站点声明</h3>
<p class="ceo-margin-remove ceo-margin-bottom-20 yx-blt9j">
本站资源均来源于互联网，如有侵权请联系站长！将第一时间删除
本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
资源仅供学习参考请勿商用或其它非法用途，否则一切后果用户自负！
</p>
<div class="ceo-container ceo-grid-small yx-9nxab" ceo-grid>
<div class="ceo-width-1-2 ceo-light yx-2w48c">
<a href="http://www.ysdns.com/"
class="ceo-tanchuang-gg-an header-btn-search-s ceo-dt change-color btn-search-all yx-esq5v"
target="_blank" rel="nofollow">立即前往</a>
</div>
<div class="ceo-width-1-2 yx-yny1u">
<span id="home-modal-close"
class="ceo-tanchuang-gg-an home-modal-btn home-modal-close b-r-4 ceo-display-inline-block yx-7ed9m">我知道了</span>
</div>
</div>
</div>
</div>
</div>
<div class="home-modal-bottom yx-ona12">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<div id="header-search" ceo-modal="" class="ceo-modal yx-cczhl">
<div class="ceo-tan ceo-modal-dialog ceo-modal-body home-modal ceo-padding-remove ceo-margin-auto-vertical yx-k9ots">
<button class="ceo-modal-close-default ceo-icon ceo-close yx-4828b" type="button" ceo-close=""><svg width="14"
height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" data-svg="close-icon">
<line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"></line>
<line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"></line>
</svg></button>
<div class="b-r-12 ceo-background-default ceo-overflow-hidden ceo-position-relative ceo-padding-30px yx-gg69u">
<h3>搜索</h3>
<div class="search search-navbar yx-frzby">
<form action="/index.php" method="get" class="search-form yx-uvpsw">
<div class="b-r-4 b-a ceo-form ceo-flex ceo-overflow-hidden yx-e03uk">
<input type="hidden" name="s" value="search">
<input type="hidden" name="c" value="home">
<input type="hidden" name="m" value="index">
<input type="search" placeholder="输入关键字搜索" autocomplete="off" name="keyword" required="required" class="ceo-input ceo-flex-1 ceo-text-small yx-0wmjr">
<button type="submit"><i class="iconfont icon-sousuo ceo-text-bolder yx-nvzy5"></i></button>
</div>
<div class="header-btn-search yx-mcei3">
<!-- <input class="header-btn-search-s ceo-dt change-color btn-search-all yx-xsk5c" type="submit" value="搜索全站" /> -->
<input class="header-btn-search-s ceo-dt change-color btn-search-category yx-wap0p" type="submit" value="搜索全站" />
<!--<p>因sql大量注入暂时禁止搜索！</p>-->
</div>
</form>
</div>
<div class="tags-item ceo-margin-top yx-8of5s">
<p class="ceo-margin-small-bottom ceo-text-small yx-x9gyw">热门标签：</p>
<a href="/search/catid-38-keyword-%E6%A0%87%E9%A2%98.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
标题 </a>
<a href="/search/catid-38-keyword-%E6%A8%A1%E6%9D%BF.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
模板 </a>
<a href="/search/catid-38-keyword-%E5%A5%B3%E7%A5%9E%E6%A8%A1%E7%89%B9%E7%BD%91%E7%AB%99%E6%BA%90%E7%A0%81.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
女神模特网站源码 </a>
<a href="/search/catid-38-keyword-%E7%B4%A0%E6%9D%90.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
素材 </a>
<a href="/search/catid-38-keyword-%E9%BB%91%E8%89%B2.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
黑色 </a>
<a href="/search/catid-38-keyword-%E5%BB%BA%E7%AB%99.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-j9d5d" style="font-size: 12px;">
建站 </a>
</div>
</div>
<div class="home-modal-bottom yx-ona12">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
<script type='text/javascript' src='/static/ysdns/web/js/jquery-1.9.1.min.js' id='jquery-js'></script>
<script type="text/javascript" src="/static/ysdns/web/js/lazysizes.min.js"></script>
<script type='text/javascript' src='/static/ysdns/web/js/uikit.min.js' id='uikit-js'></script>
<script src="/static/assets/js/cms.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/ysdns/web/js/index.js"></script>
<script type="text/javascript" src="/static/ysdns/web/js/ajax.js"></script>
<script type="text/javascript" src="/static/ysdns/web/js/sucai.js"></script>
<!--头条推送-->
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?2d18a69ba5743e0e4313a3f87790a9d5fea134fa228b71ffb610ef166902e8fc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script><link href="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet"
type="text/css" />
<script src="/static/assets/global/plugins/fuelux/js/spinner.min.js" type="text/javascript"></script>
<script src="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript">
</script>
<script type="text/javascript" src="/static/assets/js/sku.js"></script>
<!-- 系统关键js(所有自建模板必须引用) -->
<script type="text/javascript">
var is_mobile_cms = '';
</script>
<script src="/api/language/zh-cn/lang.js" type="text/javascript"></script>
<!-- 系统关键js结束 -->
<script src="/static/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/ysdns/member/scripts/app.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
order_xiazai_select_sku_price();
order_xiazai_get_sku_price();
$("#dr_buy_num").TouchSpin({
step: 1,
min: 1,
max: 0 });
})
// 模块收藏
function dr_app_favorite(id) {
$.get("http://www.ysdns.com/index.php?is_ajax=1&s=api&app=news&c=module&m=favorite&id=" + id,
function(data) {
dr_cmf_tips(data.code, data.msg);
if (data.code) {
$('#module_favorite_' + id).html(data.data);
}
}, 'json');
}
// 加入购物车
function order_xiazai_add_cart() {
$.get("/index.php?is_ajax=1&s=order&c=cart&m=add&mid=news&num=" + $('#dr_buy_num').val() +
"&id=2179&sku=" +
$('#dr_sku_value').val(),
function(data) {
dr_cmf_tips(data.code, data.msg);
if (data.code) {
// 存储购物车数量
$('#dr_order_xiazai_cart_nums').html(data.data);
}
}, 'json');
}
// 购买地址
function order_xiazai_add_buy() {
var url = "http://www.ysdns.com/index.php?s=order&c=order&m=buy&mid=news&id=2179";
url += "&sku=" + $('#dr_sku_value').val();
url += "&num=" + $('#dr_buy_num').val();
window.location.href = url;
}
// 组合价格选择
function order_xiazai_select_sku_price() {
$('.fc-sku-select-price .fc-sku-value').click(function() {
$(this).parent('.fc-sku-select-price').find('.fc-sku-value').removeClass('red');
$(this).addClass('red');
order_xiazai_get_sku_price();
});
}
//价格
function order_xiazai_get_sku_price() {
var oname = new Array();
$('.fc-sku-select-price').each(function() {
oname.push($(this).find('.red').attr('fvalue'));
});
var k = oname.join("_");
$('#dr_sku_value').val(k);
$('#dr_sku_price').html($('#dr_sku_price_' + k).val());
$('#dr_sku_quantity').html($('#dr_sku_quantity_' + k).val());
$('#dr_sku_sn').html($('#dr_sku_sn_' + k).val());
}
// 关注
function dr_hy_addfriend(uid) {
$.get("/index.php?is_ajax=1&s=hy&c=show&m=friend&uid=" + uid, function(json) {
dr_cmf_tips(json.code, json.msg);
if (json.code) {
if (json.data.status) {
$('#hy_addfriend_' + uid).html(json.data.value);
$('#hy_addfriend_' + uid).addClass("btn-outline");
} else {
$('#hy_addfriend_' + uid).html("关注Ta");
$('#hy_addfriend_' + uid).removeClass("btn-outline");
}
}
}, 'json');
}
</script>
</body>
</html>
