"D"代表document(文档)
“O”代表object(对象) 对象的分类
window对象window对象对应着浏览器窗口本身，这个对象的属性和方法通常统称为BOM（浏览器对象模型）BOM提供了window.open和window.blur等方法。以至于被滥用于各种弹出窗口和下拉菜单
“M”代表“Model”（模型）DOM把一份文档表示为一棵树（数学意义上的概念）示例代码
Shoping List<title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/188bet.php" ><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/188_120.gif"></a></div></div> <div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/manbetx.php"><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/wb600.gif"></a> </div></div> <body> <h1>What to buy</h1> <p title="a gentle reminder">Don’t forget to buy this stuff.<p> <ul id="purchases"> <li> A tin of beans<li> <li class="sale">Cheese<li> <li class="sale important">Milk<li> </ul> <body> </html>代码中<html>相当于树根，即根元素。<head>和<body>属于下一个分支，位于同一层次且互不包含，属于兄弟关系。<head>元素有两个子元素<meta>和<title>(属于兄弟关系)<body>元素有三个子元素<p>、<h1>、<ul>(这三个属于兄弟关系。<ul>也是一个父元素，有三个子元素，他们都是<li>元素。</pre><div class="contentsignin">登录后复制</div></div> <p>如果你能把一个文档的各种元素想象成一棵家谱树，我们就可以用同样的术语描述DOM。但我觉得称为<strong>“节点树”</strong>更准确</p> <h1>4、节点</h1> <p>节点（node）属于网络术语，它表示网络中的一个连接点。一个网络就是由一些节点构成的集合。<strong>DOM</strong>也是同样的情况，文档是由节点构成的集合。</p> <ul> <li>元素节点</li> <li>文本节点</li> <li>属性节点</li> </ul> <h4>4、1元素节点</h4> <p>DOM的原子是<strong>元素节点（element node）</strong>诸如<body>、<p>、<ui>之类的元素。标签的名字就是元素的名字。元素也可以包含其他的元素。没有被包含在其他元素的唯一元素是<html>元素，它是我们的节点树的根元素。</p> <h4>4、2文本节点</h4> <p>在上述例子中，<p>元素包含着文本“don't forget to buy this stuff.”它就是一个<strong>文本节点（text node）。</strong></p> <h4>4、3属性节点</h4> <p>属性节点是对元素做出更具体的描述。例如，几乎所有的元素都有一个title属性，我们可以利用这个属性对包含在元素里的东西做出准确的描述：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><p title="a gentle reminder">Don't forget to buy this stuff.<p></pre><div class="contentsignin">登录后复制</div></div> <p>在DOM中title="a gentle reminder"是一个<strong>属性节点（attribute node）</strong>，在前面的例子中无序清单元素<ul>有个id属性。有些清单元素<li>有class属性。</p> <p> <p> 三者之间的关系.png </p> </p> <h4>4、4 CSS</h4> <p>类似javascript脚本，我们也可以将CSS样式嵌在文档<head>部分（style>标签之间）。也可以放在另外的一个文件里。**在HTML文件中引用CSS文件的格式： </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><link type="text/css" href="file.css" rel="stylesheet"></pre><div class="contentsignin">登录后复制</div></div> <p><strong>继承（inheritance)</strong>是CSS技术中的一项强大功能。1)、 class属性</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><p class="special">This pargraph has the special class<p><h2 class="special">So dose this headline</h2></pre><div class="contentsignin">登录后复制</div></div> <p>在样式表里可以为上面的代码进行定义</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">special{font-style: italic;}</pre><div class="contentsignin">登录后复制</div></div> <p>还可以这样定义</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">h2.special{text-transform: uppercase;}</pre><div class="contentsignin">登录后复制</div></div> <p>2)、id属性id属性的用途是给网页里的某个元素加上一个独一无二的标识符：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><ul id="purchases"></pre><div class="contentsignin">登录后复制</div></div> <p>样式表定义</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">#purchases{border:1px solid white;background-color：#333;color：#ccc;padding:1em;}</pre><div class="contentsignin">登录后复制</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">#purchases li{font-weight:bold;}</pre><div class="contentsignin">登录后复制</div></div> <h4>4、5获取元素</h4> <blockquote> <p>有3种DOM方法可获取元素节点，分别是通过元素ID、通过标签名和通过类名字来获取</p> </blockquote> <ul> <li><strong>getElementById</strong></li> <li><strong>getElementsByTagName</strong></li> <li><strong>getElementsByClassName</strong></li> </ul> <h3>1)getElementById</h3> <p>此方法将返回一个与那个有着给定id属性值的元素节点对应的对象，<strong>在javascript里注意大小写</strong>。它是document对象特有的函数，在脚本代码里，函数名的后面必须跟有<strong>一对圆括号</strong>，这对圆括号包含这<strong>函数的参数。</strong>document.getElementById(id)在getElementById方法中只有一个参数：<strong>你想获得的那个元素的id属性的值，</strong>这个id属性必须放在单引号或双引号里。docment.getElementById("purchases")这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的HTLM id属性值是purchases</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>Shoping List<title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/188bet.php" ><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/188_120.gif"></a></div></div> <div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/manbetx.php"><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/wb600.gif"></a> </div></div> <body> <h1>What to buy</h1> <p title="a gentle reminder">Don’t forget to buy this stuff.<p> <ul id="purchases"> <li> A tin of beans<li> <li class="sale">Cheese<li> <li class="sale important">Milk<li> </ul> <script> alert(typeof docment.getElementById("purchases")); </script> <body> </html>//利用`typeof`操作符进行验证（typeof操作符可以告诉我们它的操作数是一个字母、数值、函数、布尔值还是对象。</pre><div class="contentsignin">登录后复制</div></div> <p>验证可得是一个对象</p> <h3>2)getElementsByTagName</h3> <p>getElementsByTagName方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。它的参数是标签的名字：decument.getElementByTagName(tag)</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">alert(document.getElementsByTagName("li").length);//显示文档里的列表元素个数为：3</pre><div class="contentsignin">登录后复制</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>Shoping List<title> <script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/188bet.php" ><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/188_120.gif"></a></div></div> <div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="http://www.2018haoyunlai.com/from/manbetx.php"><img width="120px" height="600px" src="http://www.2018haoyunlai.com/images/wb600.gif"></a> </div></div> <body> <h1>What to buy</h1> <p title="a gentle reminder">Don’t forget to buy this stuff.<p> <ul id="purchases"> <li> A tin of beans<li> <li class="sale">Cheese<li> <li class="sale important">Milk<li> </ul> <script> var items=document.getElementByTagName("li"); for (var i=0; i<items.length;i++){ alert(typeof items[i]); } </script> <body> </html>//代码运行结果显示三个alert对话框，显示的消息都是“object”。</pre><div class="contentsignin">登录后复制</div></div> <p>getElementsByTagName允许把一个通配符作为它的参数，通配符（*）必须放在引号里</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">alert(document.getElementsByTagName("*").length);//可以知道文档里有多少个元素节点</pre><div class="contentsignin">登录后复制</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">var shopping=document.getElementById("purchases");var items=shopping.getElementsByTagName("*");//程序运行结果，items数组将只包含id属性值是purshase的元素清单的元素</pre><div class="contentsignin">登录后复制</div></div> <h3>3)getElementByClassName</h3> <p>这个方法让我们能够通过class属性中的类名来访问元素，getElementByClassName也只接受一个参数，就是类名：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">getElementByClassName(class)</pre><div class="contentsignin">登录后复制</div></div> <p>这个方法的返回值也与getElementsByTagName类似，都是一个具有相同类名的元素的数组。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">document.getElementsByClassName("sale")</pre><div class="contentsignin">登录后复制</div></div> <p>利用这种方法还可有查找那些带有多个类名的元素。多个类名之间用空格分开即可</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">alert(document.getElementsByClassName("important sale").length);//对话框显示1，表示只有一个元素匹配。类名的顺序不重要，就算元素还带有更多类名也没有关系。</pre><div class="contentsignin">登录后复制</div></div> <p>也可以和getElementById组合使用</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"> var shopping=document.getElementById("purchase"); var sales=shopping.getElementsByClassName("sale");sales数组中包含的就只是位于“purchases”列表中的带有“sale”类的元素。</pre><div class="contentsignin">登录后复制</div></div> <p>getElementByClassName方法非常有用，但只有较新的浏览器才支持它。所以，需要使用已有的DOM方法来实现自己的getElementsByClassName。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">function getElementsByClassName(node,classname){if (node.getElementsByClassName){//使用现有的方法return node.getElementsByTagName("*");for (var i=0; i<elems.length;i++){ if(elems[i].ClassName.indexof(classname)!= -1){results[results.length]=elems[i]; } }return results； }}</pre><div class="contentsignin">登录后复制</div></div> <h4>5 获取和设置属性</h4> <ul> <li><strong>getAttribute方法</strong>(获取元素的属性)</li> <li><strong>setAttribute方法</strong>(更改属性节点值)5、1getAttributegetAttribute是一个函数，它只有一个参数(你所要查询的属性的名称)</li> </ul> </p> </p> </div> </div> <div class="phpwzggBox" style="width: 1380px; margin: 20px auto;"> <script type="text/javascript" src="https://sw.php.cn/hezuo/43cc2463da342d2af2696436bd2d05f4.html" ></script> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>相关标签：</span> <div class="wzcbqd"> <a href="/search?word=《javascriptdom编程艺术》读书笔记--dom" target="_blank">《Java Script DOM编程艺术》读书笔记--DOM</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/faq/235368.html"> <span>上一篇：Viewport 单位: vw, vh, vmin, vmax_html/css_WEB-ITnose</span> </a> <a href="//m.sbmmt.com/faq/235376.html"> <span>下一篇：Bootstrap使用心得之文本_html/css_WEB-ITnose</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div> </div> <!-- php-pc-文章-底部 --> <div class="_i58xe4g22p" style="margin-top:20px;"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6878810", container: "_i58xe4g22p", async: true }); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/542142.html">显示git文件夹隐藏文件</a> </div> <div>2023-05-17 11:37:07</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/524288.html">如何用Java反编译字节码文件？</a> </div> <div>2023-04-22 14:40:08</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/519921.html">java代码块的执行顺序实例分析</a> </div> <div>2023-04-18 12:07:03</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/516437.html">毫末智行CEO顾维灏：城市场景中MANA面临的六大挑战与全新升级</a> </div> <div>2023-04-14 11:58:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/510000.html">利用人工智能解决石油和天然气排放挑战</a> </div> <div>2023-04-08 17:51:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/413460.html">PHP怎么统计字符串中指定字符出现的次数</a> </div> <div>2023-04-04 13:42:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505912.html">人工智能如何为数据中心团队带来新的日常工作</a> </div> <div>2023-03-31 20:38:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/505911.html">2023年值得关注的技术趋势</a> </div> <div>2023-03-31 20:38:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/401010.html">PHP中多态的两个实现重载与覆盖</a> </div> <div>2023-03-29 20:34:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/396695.html">thinkphp最新官网视频教程</a> </div> <div>2023-03-26 14:08:02</div> </li> </ul> </div> <div class="wzconZt" style="display: none;"> <div class="wzczt-title"> <div>相关专题</div> <a href="#">更多> </a> </div> <div class="wzcttlist"> <ul> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-two"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li class="ul-li-three"> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> <li> <a href="#"><img src="/static/images/examples/text8.png" /> </a> <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！ PHP PHP Composer教程 PHP Composer教程 </span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.html" ></script></div> </div> </div> <div class="phpwzright"> <script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.html?yimen" ></script> <div class="wzrOne"> <div class="wzroTitle">热门推荐</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/513778.html">分享8个令人震惊的HTML技巧</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/477384.html">html的width是什么意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/501587.html">聊聊前端里一个奇怪的水平滚动条</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471738.html">html文件怎么创建</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471100.html">HTML中怎么设置为email链接</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471386.html">html中块级元素是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471123.html">HTML5里面class属性是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/470671.html">html中mate是单标签吗</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471120.html">border在html中是什么意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="//m.sbmmt.com/faq/471125.html">html中h1是什么意思</a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.html" ></script> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.html" ></script> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" href="//m.sbmmt.com/k.html">更多> </a> </div> <div class="wzrthreelist"> <div class="wzrthreeTab"> <div class="check tabdiv" data-id="one">相关教程 <div></div></div> <div class="tabdiv" data-id="two">热门推荐<div></div></div> <div class="tabdiv" data-id="three">最新课程<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="//m.sbmmt.com/course/1264.html" title="快速上手React基础" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f73781f76e233.jpg" alt="快速上手React基础"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1264.html">快速上手React基础</a> <div class="wzrthreerb"> <div >77717次学习</div> <a class="courseICollection" data-id="1264"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1265.html" title="React商城后台项目实战" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/015/611f7384e21af831.jpg" alt="React商城后台项目实战"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1265.html">React商城后台项目实战</a> <div class="wzrthreerb"> <div >38519次学习</div> <a class="courseICollection" data-id="1265"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1312032次学习</div> <a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >1914185次学习</div> <a class="courseICollection" data-id="286"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >450026次学习</div> <a class="courseICollection" data-id="504"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >743494次学习</div> <a class="courseICollection" data-id="234"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/857.html" title="开发微信小程序视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253fe6a7eeb8282.png" alt="开发微信小程序视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/857.html">开发微信小程序视频教程</a> <div class="wzrthreerb"> <div >231869次学习</div> <a class="courseICollection" data-id="857"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="//m.sbmmt.com/course/1562.html" title="保姆级Python免费入门课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/647d836f873ba136.png" alt="保姆级Python免费入门课程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1562.html">保姆级Python免费入门课程</a> <div class="wzrthreerb"> <div >2643次学习</div> <a class="courseICollection" data-id="1562"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1561.html" title="2小时学会Python玩转Excel，实现高效率办公自动化" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6474399387198246.png" alt="2小时学会Python玩转Excel，实现高效率办公自动化"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1561.html">2小时学会Python玩转Excel，实现高效率办公自动化</a> <div class="wzrthreerb"> <div >3130次学习</div> <a class="courseICollection" data-id="1561"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1560.html" title="10个Python完整小项目教你爬虫+数据分析+数据可视化" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/646ad88941109929.png" alt="10个Python完整小项目教你爬虫+数据分析+数据可视化"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1560.html">10个Python完整小项目教你爬虫+数据分析+数据可视化</a> <div class="wzrthreerb"> <div >2518次学习</div> <a class="courseICollection" data-id="1560"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1559.html" title="Python爬虫全套教程完整版" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64647831c929e681.png" alt="Python爬虫全套教程完整版"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1559.html">Python爬虫全套教程完整版</a> <div class="wzrthreerb"> <div >42449次学习</div> <a class="courseICollection" data-id="1559"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="//m.sbmmt.com/course/1558.html" title="RunnerGo从入门到精通" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png" alt="RunnerGo从入门到精通"/> </a> <div class="wzrthree-right"> <a target="_blank" href="//m.sbmmt.com/course/1558.html">RunnerGo从入门到精通</a> <div class="wzrthreerb"> <div >5041次学习</div> <a class="courseICollection" data-id="1558"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> </ul> </div> <script> $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下载</div> <a href="//m.sbmmt.com/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8030" target="_blank" title="时尚美发沙龙服务机构网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/017/168791760445055.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="时尚美发沙龙服务机构网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8029" target="_blank" title="蓝色医疗服务中心网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/006/168791760365235.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="蓝色医疗服务中心网站模板"> </a> </li> <li class="swiper-slide"> <a href="//m.sbmmt.com/xiazai/code/8028" target="_blank" title="商业计划服务公司HTML5网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/004/168785283594897.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="商业计划服务公司HTML5网站模板"> </a> </li> <div class="clear"></div> </ul> <div class="swiper-pagination"></div> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList"> <div class="wzrfourlTab"> <div class="check" data-id="onef">网站特效 <div></div></div> <div class="" data-id="twof">网站源码<div></div></div> <div class="" data-id="threef">网站素材<div></div></div> <div class="" data-id="fourf">前端模板<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery百叶窗风格图片切换代码" href="//m.sbmmt.com/xiazai/js/7862">[焦点幻灯] jQuery百叶窗风格图片切换代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿京东首页广告图片切换" href="//m.sbmmt.com/xiazai/js/7861">[焦点幻灯] jQuery仿京东首页广告图片切换</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery无缝轮播插件" href="//m.sbmmt.com/xiazai/js/7860">[焦点幻灯] jQuery无缝轮播插件</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应三屏滚动代码" href="//m.sbmmt.com/xiazai/js/7859">[焦点幻灯] jQuery自适应三屏滚动代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿今日头条图片轮播代码" href="//m.sbmmt.com/xiazai/js/7858">[焦点幻灯] jQuery仿今日头条图片轮播代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery爆炸切换效果焦点图" href="//m.sbmmt.com/xiazai/js/7857">[焦点幻灯] jQuery爆炸切换效果焦点图</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery仿魅族大图轮播幻灯片特效" href="//m.sbmmt.com/xiazai/js/7856">[焦点幻灯] jQuery仿魅族大图轮播幻灯片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery自适应焦点图片切换特效" href="//m.sbmmt.com/xiazai/js/7855">[焦点幻灯] jQuery自适应焦点图片切换特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7647" title="有机果蔬供应商网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7646" title="Bootstrap3多功能数据信息后台管理响应式网页模板-Novus" target="_blank">[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7645" title="房产资源服务平台网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7644" title="简约简历资料网页模板 Bootstrap4" target="_blank">[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7639" title="bootstrap响应式宽屏图书教育网站模板-DREAMLIFE" target="_blank">[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7634" title="MAC风格响应式蓝色企业CMS后台管理系统模版" target="_blank">[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/7629" title="响应式蔬菜水果商店网站模板-Organio" target="_blank">[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2620" target="_blank" title="趴在金元宝和橘子上的兔子设计兔年新年快乐banner矢量素材(EPS)">[网站素材] 趴在金元宝和橘子上的兔子设计兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2619" target="_blank" title="拿着金元宝的财神爷设计新年迎财神banner矢量素材(EPS)">[网站素材] 拿着金元宝的财神爷设计新年迎财神banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2618" target="_blank" title="燃放的鞭炮设计2023兔年新年快乐banner矢量素材(EPS)">[网站素材] 燃放的鞭炮设计2023兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2617" target="_blank" title="六个扁平风格的春节元素矢量素材(EPS+PNG)">[网站素材] 六个扁平风格的春节元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2616" target="_blank" title="趴在金元宝上的兔子设计兔年新年快乐banner矢量素材(EPS)">[网站素材] 趴在金元宝上的兔子设计兔年新年快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2615" target="_blank" title="兔子金元宝橘子等设计兔年春节banner矢量素材(EPS)">[网站素材] 兔子金元宝橘子等设计兔年春节banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2614" target="_blank" title="坐在金元宝和橘子中的兔子设计2023兔年春节快乐banner矢量素材(EPS)">[网站素材] 坐在金元宝和橘子中的兔子设计2023兔年春节快乐banner矢量素材(EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/2613" target="_blank" title="12个手绘风格的星星矢量素材(AI+EPS+PNG)">[网站素材] 12个手绘风格的星星矢量素材(AI+EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8030" target="_blank" title="时尚美发沙龙服务机构网站模板">[前端模板] 时尚美发沙龙服务机构网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8029" target="_blank" title="蓝色医疗服务中心网站模板">[前端模板] 蓝色医疗服务中心网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8028" target="_blank" title="商业计划服务公司HTML5网站模板">[前端模板] 商业计划服务公司HTML5网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8027" target="_blank" title="响应式电影制作厂网站模板">[前端模板] 响应式电影制作厂网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8024" target="_blank" title="电视手机折扣商城网站模板">[前端模板] 电视手机折扣商城网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8023" target="_blank" title="创新IT解决方案公司网站模板">[前端模板] 创新IT解决方案公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8021" target="_blank" title="冰激凌甜品美食网站模板">[前端模板] 冰激凌甜品美食网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8020" target="_blank" title="专业理财顾问服务公司网站模板">[前端模板] 专业理财顾问服务公司网站模板</a> </div> </li> </ul> </div> <script> $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <!--主体 end--> <!--底部--> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a> <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a> <a href="//m.sbmmt.com/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="//m.sbmmt.com/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>--> <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="最新文章列表" class="cBlack">技术文章</a> <div class="clear"></div> </dt> <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd> <dd class="cont2"> <span class="ylwTopBox"> <a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a> <em style="display:none;" class="ylwTopSub"> <p>微信扫码<br/>关注PHP中文网服务号</p> <img src="/static/images/examples/text16.png"/> </em> </span> <span class="ylwTopBox"> <a href="tencent://message/?uin=27220243&Site=m.sbmmt.com&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a> <em style="display:none;" class="ylwTopSub"> <p>QQ扫码<br/>加入技术交流群</p> <img src="/static/images/examples/text18.png"/> </em> </span> <div class="clear"></div> </dd> </dl> <div class="ylwTopBox phpAppBox" style="top: 0px; right: 20px;"> <div class="phpAppTitle"><a href="//m.sbmmt.com/app/" style="color:#cccccc;">app下载</a></div> <div class="phpAppSub ylwTopSub" style="display: none;"> <img src="//m.sbmmt.com/static/images/examples/text14.png"/> <p>扫描下载App</p> </div> </div> </div> <div class="phpFootRight"> <div class="phpFootMsg"> <span><img src="/static/images/examples/text17.png"/></span> <dl> <dt>PHP中文网订阅号</dt> <dd>每天精选资源文章推送</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/examples/text14.png"/></span> <dl> <dt>PHP中文网APP</dt> <dd>随时随地碎片化学习</dd> </dl> </div> <div class="phpFootMsg"> <span><img src="/static/images/dy.png"/></span> <dl> <dt>PHP中文网抖音号</dt> <dd>发现有趣的</dd> </dl> </div> </div> </div> </div> <div class="phpFootCode"> <div class="phpFootCodeIn"><p>Copyright 2014-2023 <a href="//m.sbmmt.com/" target="_blank">//m.sbmmt.com/</a> All Rights Reserved | 苏州跃动光标网络科技有限公司 | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a> <p> | 本站CDN由 <a href="https://www.wjdun.cn/" rel="nofollow" target="_blank" style="color:#787d82">数掘科技</a> 提供</p></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <span class="layui-hide"><script type="text/javascript" src="https://s4.m.sbmmt.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span> <!--底部 end--> <script> $(function() { //直播倒计时 $(".liveitem").each(function(){ timer(this); }) function timer(obj){ var intDiff = $(obj).data("countdown"); window.setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(intDiff > 0){ day = Math.floor(intDiff / (60 * 60 * 24)); hour = Math.floor(intDiff / (60 * 60)) - (day * 24); minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); }else{ $(obj).find(".phpZbktBg").remove(); return; } if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; $(obj).find('.day_show').html(day+""); $(obj).find('.hour_show').html('<s id="h"></s>'+hour+''); $(obj).find('.minute_show').html('<s></s>'+minute+''); $(obj).find('.second_show').html('<s></s>'+second+''); intDiff--; }, 1000); } }); </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1687991778"></script> <script>article_status = 0;</script> <script type="text/javascript" src="/static/js/jquery.min.js"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <input type="hidden" id="verifycode" value="/captcha.html"> <script src="/static/js/jquery.min.js"></script> <script src="/static/layui/layui.js"></script> <script src="/static/js/common_new.js?2.1" ></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script> <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script> <script type="text/javascript" src="/static/js/jquery.cookie.js"></script> <script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) var href = window.location.href; var title = document.title; var num = Math.floor(Math.random() * 10000 + 1); var newscript = document.createElement('script'); newscript.setAttribute('type','text/javascript'); newscript.setAttribute('src',"https://count.php.cn/index.php/api/statistics/phpcn?url="+encodeURIComponent(href)+"&title="+encodeURIComponent(title)+"&"+num); var head = document.getElementsByTagName('head')[0]; head.appendChild(newscript); </script> <script> layui.use(['jquery','layer'], function(){ var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 if(is_login == 0 && !ceng && false) { window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; var top_div = document.getElementById( "top_div" ); if( t >= 2500 && show == 0) { show = 1 setCookie('ceng',1,1); $(document).trigger("api.loginpopbox"); } } } //未登录复制显示登录按钮 if(is_login == 0) { $(".code").hover(function(){ $(this).find('.contentsignin').show(); },function(){ $(this).find('.contentsignin').hide(); }); //不给复制 $('.code').bind("cut copy paste",function(e) { e.preventDefault(); }); $('.code .contentsignin').click(function(){ $(document).trigger("api.loginpopbox"); }) } }) function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } function getCookie(name) { var cookieArr = document.cookie.split(";"); for(var i = 0; i < cookieArr.length; i++) { var cookiePair = cookieArr[i].split("="); if(name == cookiePair[0].trim()) { return decodeURIComponent(cookiePair[1]); } } return null; } </script> <!--底部浮动层--> <div class="phpFudong"> <div class="phpFudongIn"> <div class="phpFudongImg"></div> <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div> <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div> <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div> <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div> <div class="clear"></div> </div> </div> <!--底部浮动层 end--> <!--侧导航--> <style>.layui-fixbar{display: none;}</style> <div class="phpSdhBox"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/golang" target="_blank" class="hover" title="精品班"> <b class="icon1"></b> <p>精品班</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/blog/detail/1047189.html" target="_blank"> <b class="icon2"></b> <p>立即咨询</p> </a> </div> </div> </li> <li> <div class="phpSdhIn ylwTopBox"> <div class="phpSdhTitle"> <a href="javascript:;"> <b class="icon3"></b> <p>微信沟通</p> </a> </div> <div class="phpSdhSub ylwTopSub" style="display: none;"> <img src="/static/images/examples/wechat1.png"/> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=viuU-z9Xo9LwNd89_8dLk8RImMY36iZM&authKey=qJ1YCc4xHY1QNXePak2HlTk14Eav31wM7auWA8SkjkEBUYg5cg0rXNw3YajrNfxL&noverify=0&group_code=730587727" target="_blank"> <b class="icon4"></b> <p>QQ群</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="//m.sbmmt.com/vip.html" class="hover" target="_blank"> <b class="icon5"></b> <p>优惠券</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div> <!--侧导航 end--> </body> </html>
