网页制作 实例教程

2023-09-02 0 0
网页制作 实例教程 HTML是网页制作的基础语言。通过使用HTML标签,我们可以创建一个精美、功能强大的网页。本教程将向您展示一个简单的网页制作实例,帮助您了解如何使用HTML标签来制作网页。 首先,让我们创建一个基本的HTML结构。在一个空白的文本编辑器中,输入以下代码: ```html 我的网页 ``` 在以上代码中,``声明了文档的类型为HTML。``标签是整个文档的根元素。``标签用于定义文档的头部,包含了一些不可见的元数据。``标签定义了网页的标题,将显示在浏览器的标题栏上。最后,`<body>`标签用于定义网页的主体内容。 接下来,我们将在`<body>`标签中添加一些内容。例如,我们可以插入一个标题和一段文本。请将以下代码添加到`<body>`标签内: ```html <h1>欢迎来到我的网页</h1> <p>这是一个示例网页,用于教学目的。</p> ``` 在以上代码中,`<h1>`标签定义了一个一级标题,用于显示网页的主要标题。`<p>`标签用于定义一个段落,用于显示网页的文字内容。 现在,我们来添加一张图片。请将以下代码添加到`<body>`标签内: ```html <img src="image.jpg" alt="我的图片"> ``` 在以上代码中,`<img>`标签用于插入一张图片。`src`属性指定了图片的文件路径,这里假设图片文件名为`image.jpg`。`alt`属性用于定义图片的替代文本,当图片无法显示时,将显示替代文本。 最后,我们可以添加一个超链接,让用户可以点击链接跳转到其他页面。请将以下代码添加到`<body>`标签内: ```html <a href="https://www.example.com">点击这里访问示例网站</a> ``` 在以上代码中,`<a>`标签用于定义一个超链接。`href`属性指定了链接的目标网址,这里假设目标网址为`https://www.example.com`。链接的文本内容将显示在页面上,用户可以点击文本进行跳转。 现在,我们已经完成了这个简单的网页制作实例。将以上代码保存为一个HTML文件,然后在浏览器中打开该文件,您将看到一个包含标题、文本、图片和链接的网页。 这只是一个简单的网页制作实例,HTML标签的应用远不止以上这些。通过学习更多的HTML标签和属性,您可以制作出更加复杂和丰富的网页。希望这个实例教程对您有所帮助,让您对网页制作有一个初步的了解。祝您在网页制作的旅途中取得成功! </article> <!--文章内容模块--> <!-- 点赞打赏 --> <div class="single-foot ceo-text-center ceo-padding-an yx-nno5d" id="single-anniu"> <a href="javascript:dr_app_favorite('1979');" class="add-collection btn change-color-sc yx-5jtfc" data-id="536"> <i class="iconfont icon-shoucang yx-dh98l"></i> 收藏 (0) </a> <a class="reward ceo-display-inline-block btn change-color yx-3hx6c" href="javascript:void(0)" onclick="dashangToggle()" title="打赏,支持一下"> <i class="iconfont icon-lihe yx-80v4b"></i> 打赏 </a> <div class="ceo_shang_box yx-gtf9h"> <div class="ceo_shang_top yx-z0pm4"> <a class="ceo_shang_close yx-op98i" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"> <i class="iconfont icon-close yx-rjjum"></i> </a> <img class="ceo_shang_logo yx-8jmck" src="http://www.ysdns.com/uploadfile/202308/d78de940d43aa87.png"> <p>感谢您的支持,我会继续努力的!</p> </div> <div class="ceo_shang_ma yx-akz42"> <div class="ceo_shang_pay yx-fq6q5"> <!-- <div class="ceo_shang_payimg yx-qhpd4"> <form action="/index.php?s=member&c=pay" class="form-horizontal yx-42ek9" 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="0fafd9e6137885c3e043fe04598ef554"> <input type="hidden" name="pay[mark]" value="my-shang_buy-1979_news-1" /> <input type="hidden" name="pay[title]" value="打赏文章《网页制作 实例教程》作者" /> <input type="hidden" name="pay[url]" value="" /> <div class="form-body form yx-wgx1k"> <div class="form-group yx-w83x3"> <label class="col-md-3 control-label yx-buewh">打赏金额</label> <div class="col-md-2 yx-2a2m0"> <input type="text" name="pay[money]" value="0" class="form-control yx-bg4hb"> </div> </div> <div class="form-group yx-w83x3"> <label class="col-md-3 control-label yx-buewh">账户余额</label> <div class="col-md-2 yx-2a2m0"> <p class="form-control-static fc-price-color yx-xxlo7"> <i class="fa fa-rmb yx-1ykuz"></i> 0.00 元</p> </div> </div> <div class="form-group yx-w83x3"> <label class="col-md-3 control-label yx-buewh" style="padding-top:10px">付款方式</label> <div class="col-md-5 yx-qjvav"> <div class="btn-group yx-zomyi" data-toggle="buttons"> <label style="border-radius:0" onclick="dr_select_paytype('alipay')" class="btn btn-lg btn-default active yx-lkexn"> <input type="radio" class="toggle yx-pj9gb"> <i class="fab fa-alipay yx-tksad"></i>支付宝 </label> <input type="hidden" name="pay[type]" value="alipay" id="dr_payselect"> </div> </div> </div> <div class="form-actions fc-form-actions yx-oe9a3"> <label class="col-md-3 control-label yx-buewh"> </label> <div class="col-md-9 fc-form-submit yx-dtj5f"> <button type="submit" class="btn btn-lg green yx-15vd9"> 确认付款 </button> </div> </div> </div> </form> </div> --> <div class="ceo_shang_payimg yx-qhpd4"> <img src="/static/ysdns/web/images/personal-wxpay.png"> </div> <div class="ceo_pay_explain yx-noexl"> 打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在</div> </div> </div> </div> <a href="javascript:dr_module_digg('news', '1979', 1);" data-action="topTop" data-id="536" class="ceo-display-inline-block btn change-color dotGood yx-uw9xe"> <i class="iconfont icon-dianzan yx-200nr"></i> 点赞 (<span class="count yx-80qb9">0</span>) </a> </div> <!--版权--> <div class="single-cop yx-f50iq"> <div class="ceo-alert-banquan b-r-4 yx-03rlk" ceo-alert> <p class="ceo-margin-remove-bottom ceo-margin-small-top ceo-margin-bottom-20 yx-0zk6h"> 所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果! </p> <p class="ceo-margin-small-bottom yx-9u94w"> <i class="iconfont icon-map yx-oht9u"></i> <a href="http://www.ysdns.com/xueyuan/" target="_blank">站长学院</a> <i class="iconfont icon-arrow-right yx-vo86z"></i> <a href="http://www.ysdns.com/edu/">建站教程</a> <i class="iconfont icon-arrow-right yx-vo86z"></i> 网页制作 实例教程 <i class="iconfont icon-arrow-right yx-vo86z"></i> http://ysdns.com/edu/1979.html </p> </div> </div> <!--标签--> <div class="ceo-margin-top b-t yx-e41rf"> <div class="tags-item ceo-single-tags yx-0bd19"> </div> </div> <!--版权--> <!--标签--> </div> <!--内页底部广告位--> <!--内页底部广告位--> <!--常见问题--> <!--相关文章--> <!--猜你喜欢--> <!--评论模块--> <!--联系官方--> <div class="ceo-background-default b-b ceo-margin-bottom b-r-4 yx-p92uo"> <div class="ceo-text-small ceo-panding-s yx-m5w3c"> <div class="single-head yx-52rsd"> <div class="ceo-text-small ceo-text-muted ceo-flex ceo-text-truncate ceo-overflow-auto yx-wfztk"> <div class="avatar ceo-flex-1 ceo-flex ceo-flex-middle ceo-avatar-t yx-uub69"> <img alt='' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-20 photo yx-szkq0' data-id='1' height='20' width='20'> <span class="ceo-text-small ceo-display-block ceo-margin-small-left yx-sgfn1"> <a href="/user-1.html" le="文章作者 admin122" rel="author">映雪素材网</a> </span> <p>我们只做高端cms主题开发!</p> <div class="poster-share-ico yx-6wkv0"> <a class="btn-bigger-cover j-mobile-share yx-0sfxp" data-nonce="5abe7a356f" data-qrcode="" data-id="536" data-action="create-bigger-image" id="bigger-cover" href="javascript:;"> <i class="iconfont icon-tupian yx-6uxo1"></i> <span>生成海报</span> </a> </div> <button id="TKLS" class="ceo-text-fz itemCopy red_tkl button_tkl yx-b14v0" type="button" data-clipboard-text="网页制作 实例教程:http://ysdns.com/edu/1979.html"><i class="iconfont icon-attachment yx-f7qz2"></i> 复制本文链接 </button> <div class="share yx-w2qsk"> <a class="weixin-share ceo-display-inline-block ceo-fx-weixin yx-hkk3x" href="" ceo-tooltip="分享到微信" data-image="" target="_blank"> <i class="iconfont icon-wechat-fill yx-5k11p"></i> </a> <a class="ceo-display-inline-block ceo-fx-qq yx-mz9ue" href="" ceo-tooltip="分享到QQ好友/QQ空间" target="_blank"> <i class="iconfont icon-QQ yx-ssorw"></i> </a> <a class="ceo-display-inline-block ceo-fx-weibo yx-lq93s" href="" ceo-tooltip="分享到微博" target="_blank"> <i class="iconfont icon-weibo1 yx-fnxnf"></i> </a> </div> </div> </div> </div> </div> </div> <div class="ceo-grid-small ceo-margin-bottom yx-vi7gk" ceo-grid> <div class="ceo-width-1-2 yx-6dqpv"> <div class="b-r-4 ceo-inline ceo-overflow-hidden ceo-width-1-1 ceo-page-img yx-2krg7" style="height:100px"> <img width="980" height="600" src="http://www.ysdns.com/uploadfile/202309/5ecaa7778190d79.jpg" class="attachment- size- wp-post-image yx-d63qo" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 980px) 100vw, 980px" /> <div class="ceo-overlay ceo-overlay-primary ceo-position-bottom yx-9xtkr"> <span>上一篇:</span> <a href="http://www.ysdns.com/edu/1978.html" class="ceo-display-block ceo-text-truncate yx-kquqy">虚拟主机建站教程</a> </div> </div> </div> <div class="ceo-width-1-2 yx-6dqpv"> <div class="b-r-4 ceo-inline ceo-overflow-hidden ceo-width-1-1 ceo-page-img yx-2krg7" style="height:100px"> <img width="980" height="600" src="http://www.ysdns.com/uploadfile/202309/5ecaa7778190d79.jpg" class="attachment- size- wp-post-image yx-d63qo" alt="" decoding="async" loading="lazy" srcset="" sizes="(max-width: 980px) 100vw, 980px" /> <div class="ceo-overlay ceo-overlay-primary ceo-position-bottom yx-9xtkr"> <span>下一篇:</span> <a href="http://www.ysdns.com/edu/1980.html" class="ceo-display-block ceo-text-truncate yx-kquqy">网页制作教程教程</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-vzew7"> <div class="ceo-qa-commont yx-9t7os"> <span class="ceo-qa-turn yx-hhj6z"><i class="iconfont icon-help yx-yxmn1"></i> 常见问题</span> </div> <div class="ceo-qa-problems ceo-qa-clearfix ceo-grid-ceosmls yx-wabk2" 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-kvuep"> <div class="ceo-qa-problems_each yx-o5xcv"> <div class="ceo-qa-problems_each_t yx-348ry"> <p title="免费下载或者VIP会员专享资源能否直接商用?" class="dot yx-8jmeo" style="overflow-wrap: break-word; white-space: normal;"><a href="" target="_blank">免费下载或者VIP会员专享资源能否直接商用?</a> </p> </div> <div class="ceo-qa-problems_each_detail yx-ghql0"> <ul class="problems_each_detail_con dot is-truncated yx-ak2rp" 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-2au6w" 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-kvuep"> <div class="ceo-qa-problems_each yx-o5xcv"> <div class="ceo-qa-problems_each_t yx-348ry"> <p title="提示下载完成但无法解压?" class="dot yx-8jmeo" style="overflow-wrap: break-word; white-space: normal;"><a href="" target="_blank">提示下载完成但无法解压?</a> </p> </div> <div class="ceo-qa-problems_each_detail yx-ghql0"> <ul class="problems_each_detail_con dot is-truncated yx-ak2rp" 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-2au6w" 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-f24us"> <div class="ceo-qa-commont section-title ceo-flex ceo-flex-middle yx-spihb"> <h3 class="ceo-position-relative ceo-flex-1 ceo-display-inline-block ceo-margin-remove yx-w3vdv"> <i class="iconfont icon-wenjuan yx-qcgah"></i> 相关文章 </h3> </div> <div class="card ceo-margin-top yx-dae5i"> <div class="ceo-grid-ceosmls yx-r71l0" 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-cs560"> <div class="ceo-xiangguan-wen yx-b7cd9"> <div class="ceo-qa-commont yx-9t7os"> <span class="ceo-qa-turn yx-hhj6z"> <i class="iconfont icon-xiangkan yx-kjfgm"></i> 猜你喜欢 </span> </div> <ul class="xgart-row yx-3fmxp"> <li> <a href="http://www.ysdns.com/edu/850.html" target="_blank">cms开发框架</a> <span>2023-07-14</span> </li> <li> <a href="http://www.ysdns.com/edu/911.html" target="_blank">织梦cms安装</a> <span>2023-07-22</span> </li> <li> <a href="http://www.ysdns.com/edu/2106.html" target="_blank">建站系统开发教程</a> <span>2023-09-18</span> </li> <li> <a href="http://www.ysdns.com/edu/632.html" target="_blank">phpcms仿站教程</a> <span>2023-07-02</span> </li> <li> <a href="http://www.ysdns.com/edu/1779.html" target="_blank">cms怎么搭建网站</a> <span>2023-08-08</span> </li> <li> <a href="http://www.ysdns.com/edu/1927.html" target="_blank">模板建站教程</a> <span>2023-08-27</span> </li> <li> <a href="http://www.ysdns.com/edu/1974.html" target="_blank">怎么 建站</a> <span>2023-09-02</span> </li> <li> <a href="http://www.ysdns.com/edu/2040.html" target="_blank">免费制作网站教程</a> <span>2023-09-10</span> </li> <li> <a href="http://www.ysdns.com/edu/1867.html" target="_blank">建设网页教程</a> <span>2023-08-22</span> </li> <li> <a href="http://www.ysdns.com/edu/1971.html" target="_blank">怎样 建站</a> <span>2023-09-01</span> </li> </ul> </div> </section> <!-- 评论模块 --> <!--联系官方--> <div class="single-contact-box b-r-4 ceo-margin-bottom yx-5wg2l" style="background: url(/static/ysdns/web/images/ceo-img-contact.png) no-repeat center;"> <div class="single-contact-box-head yx-8co0x"> <div class="ceo-flex yx-hh4gd"> <div class="single-contact-box-head-z ceo-flex-1 yx-3w3js"> <span>官方客服团队</span> <p>为您解决烦忧 - 24小时在线 专业服务</p> </div> <div class="single-contact-box-head-y yx-qzqi2"> <a href="/guanggao" target="_blank"> <i class="iconfont icon-service-fill yx-ab8jd"></i>联系官方团队 </a> <a href="#" class="single-contact-box-head-y-mobile yx-wez0q" target="_blank"> <i class="iconfont icon-service-fill yx-ab8jd"></i>在线提交工单 </a> </div> </div> </div> </div> <!--评论模块--> <div id="comments" class="comments b-a b-r-6 ceo-background-default ceo-margin-bottom yx-ttpwo"> <div class="comments-title module-title b-b ceo-flex ceo-flex-middle yx-1dwuk"> <span class="ceo-flex-1 ceo-position-relative yx-dil1f"><i class="iconfont icon-taolunqu yx-rxzvj"></i> 发表评论</span> <div class=""> <small class="ceo-text-small ceo-text-muted yx-rmw7b">暂无评论</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-5gzin"> <div id="dr_module_comment_1979"></div><script type="text/javascript"> function dr_ajax_module_comment_1979(type, page) { var index = layer.load(2, { time: 10000 });$.ajax({type: "GET", url: "/index.php?s=news&c=comment&m=index&id=1979&&type="+type+"&page="+page+"&"+Math.random(), dataType:"jsonp", success: function (data) { layer.close(index); if (data.code) { $("#dr_module_comment_1979").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_1979(0, 1); </script> </div> </div> </div> </div> <div class="ceo-side-lie-y ceo-width-expand sidebar-column yx-zs8oh"> <!-- 生成word、pdf文件 --> <!----> <!----> <div class="sidebar yx-yptel"> <section class="side-author b-a b-r-4 ceo-background-default ceo-overflow-hidden ceo-margin-bottom yx-u81dc"> <!-- 站长名片 --> <div class="user-info ceo-padding-small ceo-position-relative yx-2wvdu"> <div class="ceo-position-relative ceo-position-z-index yx-cw2dq"> <div class="avatar ceo-text-center yx-z41sq"> <img alt='' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-100 photo yx-1wgq7' data-id='1' height='100' width='100'> </div> <div class="ceo-text-center yx-5mm0y"> <p class="ceo-text-bolder ceo-margin-small-top ceo-margin-small-bottom ceo-h4 yx-zpnnp"> <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-vr3y1"> 我们只做高端cms主题开发! </p> </div> </div> <div class="ceo-text-center ceo-author-a-admin yx-b6hnz"> <a class="qq yx-y05fw" href="/guanggao" ceo-tooltip="QQ" target="_blank" rel="nofollow"> <i class="iconfont icon-QQ yx-ssorw"> QQ</i> </a> <a class="wx yx-0rrtk" ceo-toggle="target: #weixin" ceo-tooltip="微信" rel="nofollow"> <i class="iconfont icon-wechat-fill yx-5k11p"> 微信</i> </a> <div id="weixin" ceo-modal> <div class="ceo-modal-dialog ceo-modal-body ceo-text-center yx-e1epw"> <div class="section-title b-b ceo-padding-bottom-10 ceo-margin-bottom yx-thco7"> <h3 class="ceo-display-block yx-r2n0x">微信</h3> </div> <img src="/static/ysdns/web/images/personal-wx.jpg"> </div> </div> <a class="wb yx-a23si" href="/guanggao" ceo-tooltip="微博" target="_blank" rel="nofollow"> <i class="iconfont icon-weibo1 yx-fnxnf">微博</i> </a> </div> <div class="side-author-count ceo-margin-top ceo-position-relative ceo-position-z-index yx-vp04z"> <ul class="ceo-grid-collapse yx-3csfg" ceo-grid> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>文章</span> </div> </li> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>浏览</span> </div> </li> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>收藏</span> </div> </li> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>评论</span> </div> </li> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>标签</span> </div> </li> <li class="ceo-width-1-3 ceo-display-inline-block ceo-text-center yx-kvk8g"> <div class="item ceo-background-default yx-mjq0c"> <p class="ceo-h4 ceo-margin-remove yx-8cgyd">-</p> <span>分类</span> </div> </li> </ul> </div> <div class="ceo-gzsxbtn-box yx-vixfb"> <div class="ceo-grid-small btn-follow-div yx-vzap6" ceo-grid> <div class="ceo-width-1-3 yx-fgv8z"> <button type="button" class="ceo-gzbtn j-follow btn-primary yx-jgi6i" data-user="1" onclick="dr_hy_addfriend('1')"> <i class="iconfont icon-add-select yx-nkqyg"></i>关注Ta </button> </div> <div class="ceo-width-1-3 yx-fgv8z"> <button type="button" class="ceo-sxbtn j-message yx-aydy0" data-user="1" onclick='dr_iframe_show("聊天窗口", "http://www.ysdns.com/index.php?s=sms&uid=1");'> <i class="iconfont icon-email yx-y9812"></i>发私信 </button> </div> <div class="ceo-width-1-3 yx-fgv8z"> <a href="/user-1.html" target="_blank" class="ceo-zybtn yx-fy3tc" rel="noreferrer nofollow"> <i class="iconfont icon-adduser yx-rfmu8"></i>进主页 </a> </div> </div> </div> </div> <div class="side-author-latest ceo-background-default ceo-padding-small yx-uzs0u"> <div class="b-b ceo-padding-top-small ceo-padding-remove-horizontal ceo-clearfix ceo-flex ceo-flex-middle yx-0unn3"> <span class="side-title side-title-style ceo-h5 ceo-float-left ceo-margin-remove ceo-position-relative yx-bwe0i">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-9l24h"></span> </div> <ul class="ceo-padding-remove ceo-margin-remove-bottom yx-nap5x"> <li class="ceo-margin-small-bottom ceo-position-relative yx-l6rr0"> <span>2024-05-26</span> <a href="http://www.ysdns.com/seo/17.html" target="_blank" class="ceo-display-block yx-r2n0x"> SEO常用的代码,SEO优化常用的标签 </a> </li> <li class="ceo-margin-small-bottom ceo-position-relative yx-l6rr0"> <span>2024-05-26</span> <a href="http://www.ysdns.com/diary/8.html" target="_blank" class="ceo-display-block yx-r2n0x"> 感恩遇见,不负不欠 </a> </li> <li class="ceo-margin-small-bottom ceo-position-relative yx-l6rr0"> <span>2024-05-21</span> <a href="http://www.ysdns.com/diary/4.html" target="_blank" class="ceo-display-block yx-r2n0x"> 再苦也要笑一笑! </a> </li> <li class="ceo-margin-small-bottom ceo-position-relative yx-l6rr0"> <span>2024-05-18</span> <a href="http://www.ysdns.com/diary/1.html" target="_blank" class="ceo-display-block yx-r2n0x"> 你的微笑,胜过阳光 </a> </li> <li class="ceo-margin-small-bottom ceo-position-relative yx-l6rr0"> <span>2024-05-12</span> <a href="http://www.ysdns.com/diary/7.html" target="_blank" class="ceo-display-block yx-r2n0x"> 你要堕落,神仙也救不了;你要成长,绝处也能逢生! </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-bwp3a"> <h5 class="ceo-margin-remove-bottom yx-i7vca">映雪素材</h5> <div class="ceo-padding-small ceo-padding-remove-left yx-904f9"> <p class="ceo-text-small ceo-text-muted yx-rmw7b"> 知识分享、模板下载、素材下载和记录生活的平台。通过互联网分享知识,搭建个人博客网站,从而让更多开发者从中受益,共同进步,共同成长! </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-6zww9" target="_blank" rel="nofollow"><i class="iconfont icon-qq yx-t9pex"></i>QQ交流群</a> <div class="helper-thumb yx-4cw80"><img src="/static/ysdns/web/images/ceo-qun.png" alt="网页制作 实例教程"> </div> </div> <div id="qq" ceo-modal="" class="ceo-modal yx-tzrtq"> <div class="ceo-modal-dialog ceo-modal-body yx-yq4tu"> <h4>QQ交流群</h4> <div class="ceo-text-small yx-90vvk"> 您的支持,是我们最大的动力! </div> </div> </div> </section> <!-- 侧边栏帮助模块 --> <section class="side-art b-a b-r-4 ceo-background-default ceo-margin-bottom yx-2d4r7"> <div class="b-b ceo-padding-small ceo-clearfix ceo-flex ceo-flex-middle yx-h8z1k"> <span class="side-title side-title-style ceo-h5 ceo-float-left ceo-margin-remove ceo-position-relative yx-bwe0i">热门文章</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-9l24h"></span> </div> <ul class="ceo-list ceo-padding-remove ceo-overflow-auto ceo-sidebar-wenzhang yx-eylgb"> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1929.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/2f8710653287fb.jpg" alt="千寻rtk建站步骤教学视频" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1929.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">千寻rtk建站步骤教学视频</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-27 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>257 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1825.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/af2f10bbf95a77e.jpg" alt="橙子落地页建站教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1825.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">橙子落地页建站教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-16 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>221 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1728.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/ef188c3360ef273.jpg" alt="cms建站系统安装" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1728.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">cms建站系统安装</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-02 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>205 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1902.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/ef76d6a41a69aa0.jpg" alt="wix建站教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1902.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">wix建站教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-24 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>158 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/865.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202307/adfee5d93d1b.jpg" alt="html help workshop教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/865.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">html help workshop教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-07-16 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>147 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1711.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202307/0ba8df3664dbb02.jpg" alt="cms建站系统下载" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1711.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">cms建站系统下载</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-07-30 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>137 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1923.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/b15bd58789d42eb.jpg" alt="快站建站教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1923.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">快站建站教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-26 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>131 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/2202.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202310/ec0cce13137ec3a.jpg" alt="建站的技巧" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/2202.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">建站的技巧</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-10-01 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>128 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/1875.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202308/f85950fb43ecb44.jpg" alt="opencart建站教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/1875.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">opencart建站教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-08-23 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>127 </span> </div> </div> </div> </div> </div> </li> <li class="ceo-margin-remove-top yx-9e0zp"> <div class="b-b ceo-padding-small yx-l46pc"> <div ceo-grid class="ceo-grid-small yx-h4727"> <div class="ceo-width-1-3 yx-fgv8z"> <a href="http://www.ysdns.com/edu/606.html" class="side-art-cover b-r-4 ceo-display-block ceo-overflow-hidden yx-0o3gv"> <img data-src="http://www.ysdns.com/uploadfile/202306/bd2a0501b7ff4fa.jpg" alt="飞飞cms采集教程" src="/static/ysdns/web/images/thumb-ing.gif" class="lazyload yx-0lsxq"> </a> </div> <div class="ceo-width-2-3 ceo-sidebar-article-c yx-jzi5d"> <div class="ceo-card yx-mls9g"> <p class="ceo-margin-small-bottom yx-9u94w"> <a href="http://www.ysdns.com/edu/606.html" target="_blank" class="ceo-display-block ceo-text-truncate yx-kquqy">飞飞cms采集教程</a> </p> <div class="ceo-sidebar-article-ch ceo-text-meta ceo-margin-small-top ceo-flex yx-9wdge"> <span class="ceo-margin-right yx-gh08z"> <i class="iconfont icon-rili yx-6lcx5"></i>2023-06-29 </span> <span class="ceo-margin-right ceo-flex ceo-flex-middle yx-ou4l6"> <i class="iconfont iconfont icon-yanjing yx-txux9"></i>124 </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-mfb4p"> <div class="b-b ceo-padding-small ceo-flex ceo-flex-middle yx-7rtw9"> <span class="side-title side-title-style ceo-position-relative yx-cqdi5">热门标签</span> </div> <ul class="ceo-list tags-item ceo-padding-small ceo-margin-remove yx-ch7p1"> <a ceo-tooltip="19个相关文章" href="/tag/wordpress.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">WordPress</a> <a ceo-tooltip="0个相关文章" href="/tag/wendachajian.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">问答插件</a> <a ceo-tooltip="0个相关文章" href="/tag/gerenboke.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">个人博客</a> <a ceo-tooltip="0个相关文章" href="/tag/gerenbokezhuti.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">个人博客主题</a> <a ceo-tooltip="0个相关文章" href="/tag/bokezhuti.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">博客主题</a> <a ceo-tooltip="0个相关文章" href="/tag/xiangyingshi.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">响应式</a> <a ceo-tooltip="4个相关文章" href="/tag/discuz.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">discuz</a> <a ceo-tooltip="1个相关文章" href="/tag/bokeriji.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">博客日记</a> <a ceo-tooltip="0个相关文章" href="/tag/seo.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">SEO技术</a> <a ceo-tooltip="0个相关文章" href="/tag/zhanqun.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">站群</a> <a ceo-tooltip="0个相关文章" href="/tag/bizhi.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">壁纸</a> <a ceo-tooltip="0个相关文章" href="/tag/nuhai.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">女孩</a> <a ceo-tooltip="0个相关文章" href="/tag/meinu.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">美女</a> <a ceo-tooltip="0个相关文章" href="/tag/mote.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">模特</a> <a ceo-tooltip="0个相关文章" href="/tag/cosplay.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">cosplay</a> <a ceo-tooltip="0个相关文章" href="/tag/guzhuang.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">古装</a> <a ceo-tooltip="0个相关文章" href="/tag/menhuwangzhan.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">门户网站</a> <a ceo-tooltip="2个相关文章" href="/tag/qiyewangzhan.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">企业网站</a> <a ceo-tooltip="1个相关文章" href="/tag/dianshiju.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">电视剧</a> <a ceo-tooltip="45个相关文章" href="/tag/baidujingjia.html" title="点击量:" target="_blank" class="b-r-4 ceo-text-small yx-mfaoy">百度竞价</a> </ul> </section> <section class="b-r-4 b-a ceo-background-default ceo-margin-bottom yx-vebkr"> <div class="b-b ceo-padding-small ceo-flex ceo-flex-middle yx-7rtw9"> <span class="side-title side-title-style ceo-position-relative yx-cqdi5">热门评论</span> </div> <div class="new-comment ceo-padding-small ceo-overflow-auto yx-9xtql"> <li class="b-b yx-55le9"> <div class="avatar ceo-display-inline-block yx-05pjj"> <img alt='映雪博客' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-2wlub' data-id='1919' height='24' width='24'> </div> 映雪博客: <a href="#">点赞[haha]</a> <p class="content b-r-4 ceo-background-muted yx-6qxrt"></p> </li> <li class="b-b yx-55le9"> <div class="avatar ceo-display-inline-block yx-05pjj"> <img alt='映雪素材网' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-2wlub' data-id='1919' height='24' width='24'> </div> 映雪素材网: <a href="#">undefined</a> <p class="content b-r-4 ceo-background-muted yx-6qxrt"></p> </li> <li class="b-b yx-55le9"> <div class="avatar ceo-display-inline-block yx-05pjj"> <img alt='映雪素材网' src='http://www.ysdns.com/uploadfile/member/000/00/00/1.jpg?time=' class='avatar avatar-24 photo yx-2wlub' data-id='1919' height='24' width='24'> </div> 映雪素材网: <a href="#">不错</a> <p class="content b-r-4 ceo-background-muted yx-6qxrt"></p> </li> </div> </section> <!-- 侧边栏热门评论模块 --> </div> </div> </div> </div> <!--内页专题--> </section> </main> <!--跟随--> <!--活动按钮--> <!--活动按钮--> <!--侧边栏跟随客服----> <div class="wapnone ceo_follow_service yx-9iho9" style="top:52%"> <ul> <!--签到--> <li class="ceo_follow_service_box ceo_follow_service_consult ceo_footer_s yx-325sp"> <a class="ceo_today_active today_active checkin erphp-checkin yx-npxin" href="javacript:void(0);"><i class="iconfont icon-rili yx-6lcx5"></i></a> </li> <!--签到--> <li class="ceo_follow_service_box ceo_follow_service_consult yx-3m8aw"> <span class="ceo_follow_qq yx-9fi3f" href="javacript:;"><i class="iconfont icon-service-fill yx-ab8jd"></i> <div class="ceo_follow_service_consult_cont yx-y0323"> <span class="ceo_follow_service_triangle yx-yyvdl"></span> <div class="ceo_follow_service_consult_cont_top yx-g3k4t"> <span class="ceo_follow_service_hint yx-zjkvy"> <span><i class="ceo_follow_service_iconlx iconfont icon-comment yx-f3a53"></i> 如遇问题,请联系客服 </span> </span> <a class="ceo_follow_service_button yx-7ulm2" href="/guanggao" target="_blank">咨询在线客服</a> <a class="ceo_follow_service_button yx-7ulm2" href="/guanggao" target="_blank">技术支持</a> </div> <span class="ceo_follow_service_phone yx-02mui"> 联系客服请注明来意 </span> <span class="ceo_follow_service_check_site yx-gk8ku"> <span> <i class="ceo_follow_service_icongd iconfont icon-anquan yx-n6ep6"></i>官方客服验证 </span> </span> </div> </span> </li> <li class="ceo_follow_service_box ceo_follow_service_qr ceo_footer_s yx-5r7cq"> <a href="javacript:;"><i class="iconfont icon-weixin yx-0u9yz"></i> <div class="ceo_follow_service_qr_cont yx-mjuw8"> <span class="ceo_follow_service_triangle yx-yyvdl"></span> <div class="ceo_follow_service_qrimg yx-okkqh"> <span class="ceo_follow_service_qrimg_site yx-jey8m" style="background: url(/static/ysdns/web/images/personal-wx.jpg)"></span> 微信公众号 </div> <div class="ceo_follow_service_qrtext yx-tmnvm"> <span>映雪素材·高端主题</span> </div> </div> </a> </li> <li class="ceo_follow_service_box ceo_follow_service_ax ceo_footer_s yx-rooj5"> <a href="http://www.ysdns.com/" target="_blank"><i class="iconfont icon-huiyuan yx-rqvu9"></i> <div class="ceo_follow_service_ax_cont yx-zdufb"> <span class="ceo_follow_service_triangle yx-yyvdl"></span> 映雪素材 </div> </a> </li> <li class="ceo_follow_service_box ceo_follow_service_ax goTop ceo_footer_s yx-8r325"> <a href="#header" class="ceo-display-block yx-r2n0x" ceo-scroll><i class="iconfont icon-Top yx-87j38"></i> <div class="ceo_follow_service_ax_cont yx-zdufb"> <span class="ceo_follow_service_triangle yx-yyvdl"></span> <span> 返回顶部 </span> </div> </a> </li> </ul> </div> <!--侧边栏跟随客服----> <!--跟随--> <!--Banner--> <!--Banner--> <footer class="footer ceo-background-secondary yx-0kbv1"> <div class="foot ceo-container ceo-padding yx-rc9s2"> <div class="ceo-grid yx-2c6y9" ceo-grid> <div class="ceo-width-1-1@s ceo-width-1-3@xl yx-ebdcz"> <div class="foot-item foot-item-first ceo-position-relative yx-eexzs"> <a href="" target="_blank" class="foot-logo ceo-display-block yx-pjzxj"> <img src="http://www.ysdns.com/uploadfile/202308/d78de940d43aa87.png"></a> <p class="ceo-text-small yx-90vvk"> 知识分享、模板下载、素材下载和记录生活的平台。通过互联网分享知识,搭建个人博客网站,从而让更多开发者从中受益,共同进步,共同成长! </p> </div> </div> <div class="ceo-width-2-3 ceo-visible@s yx-tllho"> <div class="ceo-grid yx-2c6y9" ceo-grid> <div class="ceo-width-1-3 yx-fgv8z"> <div class="foot-item yx-s7j9t"> <div class="foot-item-title yx-wjob3"><i class="iconfont icon-anquan yx-5j8og"></i>快捷导航</div> <ul class="ceo-padding-remove yx-7a3us"> <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-fgv8z"> <div class="foot-item yx-s7j9t"> <div class="foot-item-title yx-wjob3"><i class="iconfont icon-anquan yx-5j8og"></i>关于我们</div> <ul class="ceo-padding-remove yx-7a3us"> <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-fgv8z"> <div class="foot-item yx-s7j9t"> <div class="foot-item-title yx-wjob3"><i class="iconfont icon-anquan yx-5j8og"></i>商务合作</div> <ul class="ceo-padding-remove yx-7a3us"> <li><a href="/ad.html" target="_blank"> 广告合作</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="foot-link yx-4zksz"> <div class="link ceo-margin-top ceo-container yx-foeeq"> <ul class="ceo-margin-remove ceo-text-small yx-8kb0h"> <li style="margin-right: 15px;"><i class="iconfont icon-becomeagoldsupplier yx-65lha"></i>友情链接:</li> <li id="linkcat-417" class="linkcat yx-qemly"> <h2>友情链接</h2> <ul class='xoxo blogroll yx-mp31k'> <li><a href="https://www.cuceo.com/" target="_blank">初沁模板网</a> <a href="https://ysdns.com/" target="_blank">映雪素材网</a> <a href="https://pyji.cn/" 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><a href="https://www.xinbencaifu.com" target="_blank">币 安app官网下载</a></li> </ul> </li> <li> <a href="https://www.2898.com/website_332089.htm" target="_blank" rel="noreferrer nofollow" class="iconfont icon-QQ yx-ssorw" style="font-size: 0.875rem;">购买本站友情链接(秒上)</a> <a href="/link.html" target="_blank" rel="noreferrer nofollow" class="iconfont icon-QQ yx-ssorw" style="font-size: 0.875rem;">友链申请+</a> </li> </ul> </div> </div> <div class="foot-cop yx-9to9t"> <div class="ceo-container ceo-padding-small ceo-clearfix yx-kuadc"> <div class="ceo-float-left yx-pwuhm"> <span>© 2024 映雪素材 - http://www.ysdns.com/ & Theme. All rights reserved</span> <a class="ceo-margin-small-right yx-ibwu0" href="/sitemap.xml" target="_blank"><i class="iconfont icon-location-fill yx-kpsvv" aria-hidden="true"></i> 网站地图</a> <a class="ceo-margin-small-right yx-ibwu0" href="/sitemap.txt" target="_blank"><i class="iconfont icon-location-fill yx-kpsvv" aria-hidden="true"></i> 站点txt</a> <a class="ceo-margin-small-right yx-ibwu0" href="/tag.txt" target="_blank"><i class="iconfont icon-location-fill yx-kpsvv" aria-hidden="true"></i> Tagtxt</a> <span class="ceo-margin-small-right ceo-gongan yx-fma9i"> <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-8dh64"> <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-syd4l"> <div class="ceo-login-title yx-axoi2"> <h3 class="ceo-modal-title ceo-text-align yx-oclbl">登录</h3> <p class="title-minor yx-o0ihs"> <em></em> <span>Hi~欢迎来到映雪素材</span> <em></em> </p> </div> <div class="ceo-login-qq yx-zj1cr"> <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-gttnu"> <i class="iconfont icon-QQ yx-ssorw"></i></a> <!-- <a title="公众号登录" href="javascript:;" class="btn change-color social-login ceo-margin-top button mid mpweixin half mpweixin_login_button yx-mv9ue"><i class="iconfont icon-weixin yx-0u9yz"></i></a> --> </div> <div class="b-b yx-55le9"> <div class="zongcai-tips yx-5k1ny"></div> <form action="" method="POST" id="myform" class="login-weixin login-form2 ceo-margin-top-20 yx-2i9pr" onsubmit="return false;"> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-bze1c"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-bussiness-man yx-j4zlt"></i></span> <input type="text" name="data[username]" id="username" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" placeholder="账号/邮箱/手机" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-bze1c"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-password yx-5lny8"></i></span> <input type="password" name="data[password]" id="password" placeholder="请输入密码" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" value=""> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-bze1c"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-password yx-5lny8"></i></span> <div class="input-group login-code yx-lnmkn"> <div class="input-icon float-left yx-m5ft1"> <input class="b-r-4 ceo-input ceo-text-small yx-l7vpa" type="text" autocomplete="off" placeholder="验证码" name="code"> </div> <div class="input-group-btn fc-code yx-y2zuk"> <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-0fr0g"> <button class="change-color b-r-4 button mid dark ceo-button ceo-width-1-1 yx-qx4v8" 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-taads" ceo-alert> <p class="ceo-text-small yx-90vvk"> 把我的心情心思心肠心声心扉心怀心疼心爱心神心灵心肝心语心动心跳心愿一并送给你!愿你从今晨开始一切顺心安心爽心欢心永远开心! </p> </div> <div class="ceo-flex ceo-margin-top-20 yx-mwo4f"> <a href="#modal-register" class="ceo-text-muted ceo-text-small ceo-flex-1 yx-dhdqp" ceo-toggle>没有账号?立即注册</a> <a href="/index.php?s=member&c=login&m=find" class="ceo-text-muted ceo-text-small yx-g862f">忘记密码?</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-syd4l"> <div class="ceo-login-title yx-axoi2"> <h3 class="ceo-modal-title ceo-text-align yx-oclbl">注册</h3> <p class="title-minor yx-o0ihs"> <em></em> <span>Hi~欢迎加入映雪素材</span> <em></em> </p> </div> <div class="ceo-login-qq yx-zj1cr"> <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-gttnu"><i class="iconfont icon-QQ yx-ssorw"></i></a> <!-- <a title="公众号登录" href="javascript:;" class="btn change-color social-login ceo-margin-top button mid mpweixin half mpweixin_login_button yx-mv9ue"><i class="iconfont icon-weixin yx-0u9yz"></i></a> --> </div> <div class="b-b yx-55le9"> <div class="zongcai-tips yx-5k1ny"></div> <form class="login-weixin ceo-margin-top-20 register-form2 yx-8ufwv" 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="0fafd9e6137885c3e043fe04598ef554"> <input name="back" id="dr_back" type="hidden" value=""> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-4c5rs" id="dr_row_username"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-email yx-y9812"></i></span> <input type="text" name="data[username]" id="dr_username" placeholder="账号" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-4c5rs" id="dr_row_email"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-email yx-y9812"></i></span> <input type="email" name="data[email]" id="dr_email" placeholder="输入邮箱" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-4c5rs" id="dr_row_password"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-password yx-5lny8"></i></span> <input type="password" name="data[password]" id="dr_password" placeholder="输入6位数以上密码" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-bottom-10 yx-4c5rs" id="dr_row_password2"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-password yx-5lny8"></i></span> <input type="password" name="data[password2]" id="dr_password2" placeholder="请再次输入密码" class="b-r-4 ceo-input ceo-text-small yx-l7vpa" required="required"> </div> <div class="ceo-inline ceo-width-1-1 ceo-margin-small-bottom yx-bze1c" id="dr_row_code"> <span class="ceo-form-icon yx-rf76z"><i class="iconfont icon-password yx-5lny8"></i></span> <div class="input-group login-code yx-lnmkn"> <div class="input-icon float-left yx-m5ft1"> <input class="b-r-4 ceo-input ceo-text-small yx-l7vpa" type="text" autocomplete="off" placeholder="验证码" id="dr_code" name="code"> </div> <div class="input-group-btn fc-code yx-y2zuk"> <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-nrjb1"> <input id="agreement" name="is_protocol" value="1" type="checkbox" class="agreen_btn yx-qkrd8" checked> <label for="agreen"></label> 我已阅读并同意<a href="javascript:dr_show_protocol();">《注册协议》</a> </div> <div class="ceo-flex ceo-flex-middle yx-78xe0"> <button class="submit change-color b-r-4 button mid dark ceo-button ceo-width-1-1 yx-mlpqs" 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-taads" ceo-alert> <p class="ceo-text-small yx-90vvk">HI,欢迎来到映雪素材!</p> </div> <div class="ceo-margin-top-20 yx-1i58m"> <a href="#modal-login" class="ceo-text-muted ceo-text-small yx-g862f" 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-q7wh0"> <div class="b-r-12 ceo-background-default ceo-overflow-hidden ceo-position-relative yx-kq4fx"> <div class="home-modal-bg ceo-overflow-hidden ceo-position-top yx-2b0m8"> <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-g52y2"> <div class="ceo-padding ceo-margin-bottom ceo-tanchuang-gg ceo-margin-bottom-40 yx-ue1r9"> <h3 class="ceo-margin-bottom yx-a6v2f">映雪素材站点声明</h3> <p class="ceo-margin-remove ceo-margin-bottom-20 yx-rhw2q"> 本站资源均来源于互联网,如有侵权请联系站长!将第一时间删除 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 资源仅供学习参考请勿商用或其它非法用途,否则一切后果用户自负! </p> <div class="ceo-container ceo-grid-small yx-iyb69" ceo-grid> <div class="ceo-width-1-2 ceo-light yx-rj04l"> <a href="http://www.ysdns.com/" class="ceo-tanchuang-gg-an header-btn-search-s ceo-dt change-color btn-search-all yx-vlkjf" target="_blank" rel="nofollow">立即前往</a> </div> <div class="ceo-width-1-2 yx-6dqpv"> <span id="home-modal-close" class="ceo-tanchuang-gg-an home-modal-btn home-modal-close b-r-4 ceo-display-inline-block yx-sz7rx">我知道了</span> </div> </div> </div> </div> </div> <div class="home-modal-bottom yx-9tzo8"> <ul> <li></li> <li></li> </ul> </div> </div> </div> <div id="header-search" ceo-modal="" class="ceo-modal yx-tzrtq"> <div class="ceo-tan ceo-modal-dialog ceo-modal-body home-modal ceo-padding-remove ceo-margin-auto-vertical yx-g4t3f"> <button class="ceo-modal-close-default ceo-icon ceo-close yx-5r1hm" 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-6a5x7"> <h3>搜索</h3> <div class="search search-navbar yx-hp9je"> <form action="/index.php" method="get" class="search-form yx-sb0m2"> <div class="b-r-4 b-a ceo-form ceo-flex ceo-overflow-hidden yx-rtn7b"> <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-5r0xa"> <button type="submit"><i class="iconfont icon-sousuo ceo-text-bolder yx-mcgku"></i></button> </div> <div class="header-btn-search yx-u3dsa"> <!-- <input class="header-btn-search-s ceo-dt change-color btn-search-all yx-7ux90" type="submit" value="搜索全站" /> --> <input class="header-btn-search-s ceo-dt change-color btn-search-category yx-dq1m5" type="submit" value="搜索全站" /> <!--<p>因sql大量注入暂时禁止搜索!</p>--> </div> </form> </div> <div class="tags-item ceo-margin-top yx-wi3r5"> <p class="ceo-margin-small-bottom ceo-text-small yx-71tbg">热门标签:</p> <a href="http://www.ysdns.com/search/catid-38-keyword-%E6%A0%87%E9%A2%98.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-i87f7" style="font-size: 12px;"> 标题 </a> <a href="http://www.ysdns.com/search/catid-38-keyword-%E6%A8%A1%E6%9D%BF.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-i87f7" style="font-size: 12px;"> 模板 </a> <a href="http://www.ysdns.com/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-i87f7" style="font-size: 12px;"> 女神模特网站源码 </a> <a href="http://www.ysdns.com/search/catid-38-keyword-%E7%B4%A0%E6%9D%90.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-i87f7" style="font-size: 12px;"> 素材 </a> <a href="http://www.ysdns.com/search/catid-38-keyword-%E9%BB%91%E8%89%B2.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-i87f7" style="font-size: 12px;"> 黑色 </a> <a href="http://www.ysdns.com/search/catid-38-keyword-%E5%BB%BA%E7%AB%99.html" class="tag-cloud-link tag-link-128 tag-link-position-1 yx-i87f7" style="font-size: 12px;"> 建站 </a> </div> </div> <div class="home-modal-bottom yx-9tzo8"> <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=1979&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=1979"; 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>