扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
显示方法：1、使用embed标签，语法“”；2、使用object标签，语法“”；3、使用iframe标签，语法“”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
SVG 文件可通过以下标签嵌入 HTML 文档，显示出来：、 或者
详解：
1、使用 标签
<embed src="circle1.svg" type="image/svg+xml" />
2、使用 标签
<object data="circle1.svg" type="image/svg+xml"></object>
3、使用 标签<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><iframe src="circle1.svg"></iframe></pre><div class="contentsignin">登录后复制</div></div><p>推荐学习：<a href="https://www.php.cn/course/list/12.html" target="_blank"></a><a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/15716.html" target="_blank">css</a>视频教程</p><p>以上就是<a style='color:#f60; text-decoration:underline;' href="https://www.php.cn/zt/15716.html" target="_blank">css</a>怎么显示svg图片的详细内容，更多请关注php中文网其它相关文章！</p> </div> </div> <!-- <div class="ask_line-container" > <div class="ask_line"></div> <button type="button" class="ask_text test-iframe-handle"> 没有解决问题？点击使用智能助手 </button> <div class="ask_line"></div> </div> --> <div class="community flexRow"> <div class="comleft flexRow"> <img src="/static/logo.png" class="comlimg"> <div class="comldiv flexColumn"> <div class="comldup">智能AI问答</div> <div class="comlddown">PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。</div> </div> </div> <div class="comright flexRow"> <a onclick="aiask('');" class="comrA aBlack">我要提问</a> </div> </div> <div class="phpwzggBox" style="width: 960px; margin: 20px auto;"> <script type="text/javascript" smua="d=p&s=b&u=u2839458&w=960&h=140" src="https://www.nkscdn.com/smu/o.js"></script> </div> <div class="wzconlabels"> <div class="wzconBq" style="display: inline-flex;"> <span>相关标签：</span> <div class="wzcbqd" style="display:flex;"> <a onclick="hits_log(2,'www',this);" href-data="/zt/15716.html" target="_blank">css</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div> </div> <div class="wzconFx"> <a class="wzcf-sc articleICollection " data-id="474555"> <img src="/static/lhimages/shoucang_2x.png"> <span>收藏</span> </a> <a class="wzcf-dz articlegoodICollection " data-id="474555"> <img src="/static/images/images/icon37.png"> <span>点赞</span> </a> </div> <div class="wzconOtherwz"> <a href="/faq/474545.html"> <span>上一篇：详解使用纯CSS实现滚动进度条效果的几种技巧</span> </a> <a href="/faq/474596.html"> <span>下一篇：css怎么让盒子并排显示</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/480659.html" title="phpcn{$vo.title}">php函数之如何引用传递参数？</a> </div> <div>2023-04-10 12:38:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/480657.html" title="phpcn{$vo.title}">php函数之如何按值传递参数？</a> </div> <div>2023-04-10 12:36:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/480652.html" title="phpcn{$vo.title}">php函数之形式参数与实际参数是什么意思？</a> </div> <div>2023-04-10 12:30:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/480647.html" title="phpcn{$vo.title}">php函数之如何创建一个函数？</a> </div> <div>2023-04-10 12:24:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/473435.html" title="phpcn{$vo.title}">七大php主流框架，你用过几个？</a> </div> <div>2023-04-09 20:50:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/478509.html" title="phpcn{$vo.title}">jbat1是什么接口</a> </div> <div>2023-03-17 18:39:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/476792.html" title="phpcn{$vo.title}">ppt保存时提示某些字体无法保存怎么办</a> </div> <div>2023-03-17 14:19:52</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/479008.html" title="phpcn{$vo.title}">7200转的硬盘读写速度是多少</a> </div> <div>2023-03-15 17:17:28</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/479715.html" title="phpcn{$vo.title}">audio in是什么接口</a> </div> <div>2023-03-13 17:02:57</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/478851.html" title="phpcn{$vo.title}">日志记录器缓冲区大小有什么用</a> </div> <div>2023-03-13 16:27:26</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">最新问题</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176407.html" target="_blank" title="子窗口操作父窗口，输出没反应" class="wdcdcTitle">子窗口操作父窗口，输出没反应</a> <a href="/wenda/176407.html" class="wdcdcCons">前两句可执行，最后一句没法应</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉722478067来自于2024-04-19 15:37:47</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">21</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176406.html" target="_blank" title="父窗口没有输出" class="wdcdcTitle">父窗口没有输出</a> <a href="/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('我是子窗口的输出'); &nb...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉722478067来自于2024-04-18 23:52:34</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">40</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176405.html" target="_blank" title="关于CSS思维导图的课件在哪？" class="wdcdcTitle">关于CSS思维导图的课件在哪？</a> <a href="/wenda/176405.html" class="wdcdcCons">课件</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">凡人来自于2024-04-16 10:10:18</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">130</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176403.html" target="_blank" title="PX自动转换为REM错误" class="wdcdcTitle">PX自动转换为REM错误</a> <a href="/wenda/176403.html" class="wdcdcCons"> <style>html { font-size: calc(100vw / 3.75); }...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">凡人来自于2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">784</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176400.html" target="_blank" title="PHP数组从URL参数中获取的行为不如预期" class="wdcdcTitle">PHP数组从URL参数中获取的行为不如预期</a> <a href="/wenda/176400.html" class="wdcdcCons">我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉785905797来自于2024-04-06 22:09:02</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">438</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176399.html" target="_blank" title="通过添加 Width 属性将内容向左移动" class="wdcdcTitle">通过添加 Width 属性将内容向左移动</a> <a href="/wenda/176399.html" class="wdcdcCons">我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉738046172来自于2024-04-06 22:01:35</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">2</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">317</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176398.html" target="_blank" title="我应该在 apache 中哪里放置 CustomLog 指令" class="wdcdcTitle">我应该在 apache 中哪里放置 CustomLog 指令</a> <a href="/wenda/176398.html" class="wdcdcCons">我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉573809727来自于2024-04-06 22:03:59</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">442</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176397.html" target="_blank" title="返回值中变量的格式是什么？" class="wdcdcTitle">返回值中变量的格式是什么？</a> <a href="/wenda/176397.html" class="wdcdcCons">我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉757556355来自于2024-04-06 21:55:20</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">266</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176396.html" target="_blank" title="页面突然无法拉动 css 或 bootstrap" class="wdcdcTitle">页面突然无法拉动 css 或 bootstrap</a> <a href="/wenda/176396.html" class="wdcdcCons">所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉771233336来自于2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">357</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/wenda/176395.html" target="_blank" title="如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？" class="wdcdcTitle">如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？</a> <a href="/wenda/176395.html" class="wdcdcCons">这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">P粉970736384来自于2024-04-06 21:28:37</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a> <a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">1863</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相关专题</div> <a href="/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="/faq/szddy"><img src="https://img.php.cn/upload/subject/202306/20/2023062017460548094.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/szddy" class="title-a-spanl"><span>数组的定义方式有哪些</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/matlabfopen"><img src="https://img.php.cn/upload/subject/202311/28/2023112811041879397.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/matlabfopen" class="title-a-spanl"><span>Matlab中fopen函数用法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/linuxwindowsy"><img src="https://img.php.cn/upload/subject/202403/12/2024031217180860483.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/linuxwindowsy" class="title-a-spanl"><span>linux和windows有哪些区别</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/linuxzdmldzy"><img src="https://img.php.cn/upload/subject/202404/12/2024041216310241710.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/linuxzdmldzy" class="title-a-spanl"><span>linux终端命令的作用</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/promssmbz"><img src="https://img.php.cn/upload/subject/202402/01/2024020115124534578.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/promssmbz" class="title-a-spanl"><span>PROM是什么币种</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/txclrjynx"><img src="https://img.php.cn/upload/subject/202307/03/2023070314224088203.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/txclrjynx" class="title-a-spanl"><span>图像处理软件有哪些</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/cssrhsztm"><img src="https://img.php.cn/upload/subject/202311/01/2023110110562532399.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/cssrhsztm" class="title-a-spanl"><span>CSS如何设置透明</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/phpzmqcszys"><img src="https://img.php.cn/upload/subject/202310/11/2023101111394597302.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/phpzmqcszys" class="title-a-spanl"><span>php怎么取出数组的前几个元素</span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.js" ></script></div> </div> </div> <div class="phpwzright"> <div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;"> <script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.js" ></script> <!-- <script type="text/javascript" smua="d=p&s=b&u=u2839468&w=366&h=270" src="https://www.nkscdn.com/smu/o.js"></script> --> </div> <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="/faq/474512.html">css如何设置滚动条宽度</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/474516.html">css如何设置内边距</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/474521.html">css如何设置td溢出隐藏</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/474524.html">css如何实现点击改变颜色</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/474545.html">详解使用纯CSS实现滚动进度条效果的几种技巧</a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> <!--<script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.js" ></script>--> </div> <div class="wzrTwo"> <script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.js" ></script> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div>热门教程</div> <a target="_blank" href="https://www.php.cn/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"> <script type="text/javascript" src="https://sw.php.cn/hezuo/12c9e4b5f2a532598274ebbfb142fd5f.js" ></script> <li> <a target="_blank" href="/course/893.html" title="CSS视频教程-玉女心经版" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625558b87e512730.png" alt="CSS视频教程-玉女心经版"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/893.html">CSS视频教程-玉女心经版</a> <div class="wzrthreerb"> <div >361789次学习</div> <a class="courseICollection" data-id="893"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/790.html" title="野秀堂HTML5+CSS3视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e6a449c4b9117.jpg" alt="野秀堂HTML5+CSS3视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/790.html">野秀堂HTML5+CSS3视频教程</a> <div class="wzrthreerb"> <div >8013次学习</div> <a class="courseICollection" data-id="790"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/835.html" title="CSS 4.2.4参考手册" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/626101f799132591.png" alt="CSS 4.2.4参考手册"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/835.html">CSS 4.2.4参考手册</a> <div class="wzrthreerb"> <div >0次学习</div> <a class="courseICollection" data-id="835"><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="/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="/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1376643次学习</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="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="独孤九贱(4)_PHP视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/379.html">独孤九贱(4)_PHP视频教程</a> <div class="wzrthreerb"> <div >1191283次学习</div> <a class="courseICollection" data-id="379"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg" alt="PHP实战天龙八部之仿爱奇艺电影网站"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/801.html">PHP实战天龙八部之仿爱奇艺电影网站</a> <div class="wzrthreerb"> <div >738570次学习</div> <a class="courseICollection" data-id="801"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/170.html" title="PHP入门视频教程之一周学会PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253ddf274262146.png" alt="PHP入门视频教程之一周学会PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/170.html">PHP入门视频教程之一周学会PHP</a> <div class="wzrthreerb"> <div >1443594次学习</div> <a class="courseICollection" data-id="170"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/593.html" title="ThinkPHP5实战之[教学管理系统]" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d87459486427.png" alt="ThinkPHP5实战之[教学管理系统]"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/593.html">ThinkPHP5实战之[教学管理系统]</a> <div class="wzrthreerb"> <div >697080次学习</div> <a class="courseICollection" data-id="593"><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="/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >14次学习</div> <a class="courseICollection" data-id="1646"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >143次学习</div> <a class="courseICollection" data-id="1645"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >1800次学习</div> <a class="courseICollection" data-id="1644"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1643.html" title="MySQL 初学入门（mosh老师）" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/66123f1bad93f980.png" alt="MySQL 初学入门（mosh老师）"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1643.html">MySQL 初学入门（mosh老师）</a> <div class="wzrthreerb"> <div >261次学习</div> <a class="courseICollection" data-id="1643"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1642.html" title="Mock.js | Axios.js | Json | Ajax--十天精品课堂" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6606778a6add7485.png" alt="Mock.js | Axios.js | Json | Ajax--十天精品课堂"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1642.html">Mock.js | Axios.js | Json | Ajax--十天精品课堂</a> <div class="wzrthreerb"> <div >489次学习</div> <a class="courseICollection" data-id="1642"><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="wzrTwo"> <script type="text/javascript" smua="d=p&s=b&u=u2839468&w=366&h=270" src="https://www.nkscdn.com/smu/o.js"></script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>最新下载</div> <a href="/xiazai">更多> </a> </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="/xiazai/js/8071">[表单按钮] jQuery企业留言表单联系代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3音乐盒播放特效" href="/xiazai/js/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可视化表单拖拽编辑代码" href="/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="经典html5推箱子小游戏" href="/xiazai/js/8066">[html5特效] 经典html5推箱子小游戏</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery滚动添加或减少图片特效" href="/xiazai/js/8065">[图片特效] jQuery滚动添加或减少图片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3个人相册封面悬停放大特效" href="/xiazai/js/8064">[相册特效] CSS3个人相册封面悬停放大特效</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/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="/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="/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="/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="/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="/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="/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/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="/xiazai/sucai/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[网站素材] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[网站素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[网站素材] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[网站素材] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[网站素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[网站素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[网站素材] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[网站素材] 九个漫画风格的爆炸聊天气泡矢量素材(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="/xiazai/code/8328" target="_blank" title="家居装潢清洁维修服务公司网站模板">[前端模板] 家居装潢清洁维修服务公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8327" target="_blank" title="清新配色个人求职简历引导页模板">[前端模板] 清新配色个人求职简历引导页模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8326" target="_blank" title="设计师创意求职简历网页模板">[前端模板] 设计师创意求职简历网页模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8325" target="_blank" title="现代工程建筑公司网站模板">[前端模板] 现代工程建筑公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8324" target="_blank" title="教育服务机构响应式HTML5模板">[前端模板] 教育服务机构响应式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8323" target="_blank" title="网上电子书店商城网站模板">[前端模板] 网上电子书店商城网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8322" target="_blank" title="IT技术解决互联网公司网站模板">[前端模板] IT技术解决互联网公司网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8321" 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="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a> <a href="/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="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a> <a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a> <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>--> <a href="/new/" 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=www.php.cn&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="/app/" style="color:#cccccc;">app下载</a></div> <div class="phpAppSub ylwTopSub" style="display: none;"> <img src="https://www.php.cn/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-2024 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.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.cnzz.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?1713533565"></script> <script>article_status = 810213;</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="//hm.baidu.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> <style> .content img{max-width:80%;} .copy-button { padding: 5px 10px; background-color: #666; border: none; color: #FFF; font-size: 12px; cursor: pointer; border-radius: 5px; position: relative; top: 33px; right: 5px; z-index: 99; float: right; } .copy-button:hover { background-color: #fc3930; } </style> <script> $(document).ready(function(){ $('#gongzhonghao').hover(function(){ $('#gzh').show(); },function(){ $('#gzh').hide(); }) }) </script> <script> layui.use(['jquery','layer'], function(){ $('.test-iframe-handle').click(function(){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q=css%E6%80%8E%E4%B9%88%E6%98%BE%E7%A4%BAsvg%E5%9B%BE%E7%89%87', fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); }) var is_login = "0"; var show = 0; var ceng = getCookie('ceng'); //文章下拉弹出登录 // if(is_login == 0 && !ceng) // { // 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"); }) }else { // 获取所有的 <pre> 元素 var preElements = document.querySelectorAll('pre'); // 遍历每个 <pre> 元素 preElements.forEach(function(preElement) { // 创建复制按钮 var copyButton = document.createElement('button'); copyButton.className = 'copy-button'; copyButton.textContent = '复制'; // 添加点击事件处理程序 copyButton.addEventListener('click', function() { // 获取当前按钮所属的 <pre> 元素中的文本内容 var textContent = preElement.textContent.trim(); // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容 var tempTextarea = document.createElement('textarea'); tempTextarea.value = textContent; // 将临时 textarea 添加到文档中 document.body.appendChild(tempTextarea); // 选中临时 textarea 中的文本内容并执行复制操作 tempTextarea.select(); document.execCommand('copy'); // 移除临时 textarea 元素 document.body.removeChild(tempTextarea); // 更新按钮文本为 "已复制" this.textContent = '已复制'; }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); }); } }) 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; } window.onload = function() { // 在这里引用需要延迟加载的 JavaScript 文件 var script = document.createElement('script'); script.src = 'https://cdn.wwads.cn/js/makemoney.js'; document.body.appendChild(script); }; function aiask(ask){ layer.open({ type: 2, area: ['1300px', '750px'], content: 'https://www.php.cn/help/ask?q='+encodeURIComponent(ask), fixed: true, // 不固定 //maxmin: true, shadeClose: true, title:"智能小助手", btnAlign: 'c', yes: function(index, layero){ // 获取 iframe 的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素 var value = elemMark.val(); if($.trim(value) === '') return elemMark.focus(); // 显示获得的值 layer.msg('获得 iframe 中的输入框标记值：'+ value); } }); } </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="/k24.html" target="_blank" class="hover" title="精品班"> <b class="icon1"></b> <p>精品班</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="https://www.php.cn/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/wechat2.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>学习群</p> </a> </div> </div> </li> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/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--> <script src="https://sw.php.cn/hezuo/878d86723f149602730171fd9c17fe8b.js"></script> </body> </html>
