HTML语法大全

高洛峰
发布: 2016-12-16 15:02:40
原创
1866人浏览过

卷标 , 属性名称 , 简介

批注

跑马灯

...普通卷动

...滑动

立即学习前端免费学习笔记(深入)”;

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定卷动距离

...设定卷动时间

字体效果

...

标题字(最大)

...
标题字(最小)

...粗体字

...粗体字(强调)

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

...横线

...删除线

...删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)</p> <p></p> <listing>...</listing> 固定宽度小字体<p>...字体颜色</p> <p>...最小字体</p> <p><font style="font-size:100" px>...无限增大</font></p> <p>区断标记</p> <p></p> <hr>水平线<p></p> <hr size="9">水平线(设定大小)<p></p> <hr width="80%">水平线(设定宽度)<p></p> <hr color="ff0000">水平线(设定颜色)<p><br>(换行)</p> <p><nobr>...</nobr>水域(不换行)</p> <p></p> <p>...</p>水域(段落)<p></p> <center>...</center>置中<p>连结格式</p> <p><base>(预设好连结路径)</p> <p><a href="%E5%9C%B0%E5%9D%80">外部连结</a></p> <p><a href="%E5%9C%B0%E5%9D%80" target="_blank">外部连结(另开新窗口)</a></p> <p><a href="%E5%9C%B0%E5%9D%80" target="_top">外部连结(全窗口连结)</a></p> <p><a href="%E5%9C%B0%E5%9D%80" target="页框名">外部连结(在指定页框连结)</a></p> <p>贴图/音乐</p> <p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="HTML语法大全" >贴图</p> <p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML语法大全" >设定图片宽度</p> <p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML语法大全" >设定图片高度</p> <p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="提示文字">设定图片提示文字</p> <p><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" border="1" alt="HTML语法大全" >设定图片边框</p> <p><bgsound src="MID%E9%9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E5%9C%B0%E5%9D%80">背景音乐设定</bgsound></p> <p>表格语法</p> <p></p> <table aling="left">...</table>表格位置,置左<p></p> <table aling="center">...</table>表格位置,置中<p></p> <table background="图片路径">...</table>背景图片的URL=就是路径网址<p></p> <table border="边框大小">...</table>设定表格边框大小(使用数字)<p></p> <table bgcolor="颜色码">...</table>设定表格的背景颜色<p></p> <table borderclor="颜色码">...</table>设定表格边框的颜色<p></p> <table borderclordark="颜色码">...</table>设定表格暗边框的颜色<p></p> <table borderclorlight="颜色码">...</table>设定表格亮边框的颜色<p></p> <table cellpadding="参数">...</table>指定内容与网格线之间的间距(使用数字)<p></p> <table cellspacing="参数">...</table>指定网格线与网格线之间的距离(使用数字)<p></p> <table cols="参数">...</table>指定表格的栏数<p></p> <table frame="参数">...</table>设定表格外框线的显示方式<p></p> <table width="宽度">...</table>指定表格的宽度大小(使用数字)<p></p> <table height="高度">...</table>指定表格的高度大小(使用数字)<p></p> <td colspan="参数">...</td>指定储存格合并栏的栏数(使用数字)<p></p> <td rowspan="参数">...</td>指定储存格合并列的列数(使用数字)<p>分割窗口</p> <p></p> <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<p></p> <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<p></p> <frameset cols="20%,*">分割左右两个框架<p></p> <frameset cols="20%,*,20%">分割左中右三个框架<p></p> <p></p> <frameset rows="20%,*,20%">分割上中下三个框架<p> 批注</p> <p><a href target> 指定超级链接的分割窗口</a></p> <p><a href="#%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 指定锚名称的超级链接</a></p> <p><a href> 指定超级链接</a></p> <p><a name="%E9%94%9A%E7%9A%84%E5%90%8D%E7%A7%B0"> 被连结点的名称</a></p> <p></p> <address>....</address> 用来显示电子邮箱地址<p><b> 粗体字</b></p> <p><base target> 指定超级链接的分割窗口</p> <p><basefont size> 更改预设字形大小</p> <p><bgsound src> 加入背景音乐</bgsound></p> <p><big> 显示大字体</big></p> <p><blink> 闪烁的文字</blink></p> <p></p> 设定文字颜色<p></p> 显示本文<p><br> 换行</p> <p></p> <caption align> 设定表格标题位置<p></p> <caption>...</caption> 为表格加上标题<p></p> <center> 向中对齐<p><cite>...<cite> 用于引经据典的文字</cite></cite></p> <p><code>...</code> 用于列出一段程序代码</p> <p><comment>...</comment> 加上批注</p> <p></p> <dd> 设定定义列表的项目解说<p><dfn>...</dfn> 显示"定义"文字</p> <p></p> <dir>...</dir> 列表文字卷标<p></p> <dl>...</dl> 设定定义列表的卷标<p></p> </dd> <dt> 设定定义列表的项目<p><em> 强调之用</em></p> <p><font face> 任意指定所用的字形</font></p> <p><font size> 设定字体大小</font></p> <p></p> <form action> 设定户动式窗体的处理方式<p></p> </form> <form method> 设定户动式窗体之资料传送方式<p><frame marginheight> 设定窗口的上下边界</p> <p><frame marginwidth> 设定窗口的左右边界</p> <p><frame name> 为分割窗口命名</p> <p><frame noresize> 锁住分割窗口的大小</p> <p><frame scrolling> 设定分割窗口的滚动条</p> <p><frame src> 将HTML文件加入窗口</p> <p></p> <frameset cols> 将窗口分割成左右的子窗口<p></p> <frameset rows> 将窗口分割成上下的子窗口<p></p> <frameset>...</frameset> 划分分割窗口<p></p> <h1>~<h6> 设定文字大小</h6> </h1> <p></p> 标示文件信息<p></p> <hr> 加上分网格线<p> 文件的开始与结束</p> <p><i> 斜体字</i></p> <p><img align alt="HTML语法大全" > 调整图形影像的位置</p> <p><img alt> 为你的图形影像加注</p> <p><img dynsrc loop alt="HTML语法大全" > 加入影片</p> <p><img height width alt="HTML语法大全" > 插入图片并预设图形大小</p> <p>更多HTML语法大全相关文章请关注PHP中文网!</p> </frameset> </frameset> </form> </dt> </center> </caption> </frameset> </frameset> </frameset> </frameset> </frameset> </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 newcommunity"> <div class="comleft flexRow newcomlimg"> <a class="newcomlimga" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" > <img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" class="comlimg newcomlimg" alt="HTML速学教程(入门课程)"> </a> <div class="comldiv flexColumn newcomldiv"> <a class="comldup newcomldup" target="_blank" rel="nofollow" title="HTML速学教程(入门课程)" href="https://pan.quark.cn/s/f4eedefabd61">HTML速学教程(入门课程)</a> <p class="comlddown newcomlddown">HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!</p> </div> </div> <a class="comright flexRow newcomright" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"> 下载 </a> </div> <div class="wzconlabels"> <div style="display: inline-flex;float: right; color:#333333;">来源:php中文网</div> </div> <div class="wzconFx"> <a class="wzcf-sc articleICollection " data-id="344964"> <img src="/static/lhimages/shoucang_2x.png"> <span>收藏</span> </a> <a class="wzcf-dz articlegoodICollection " data-id="344964"> <img src="/static/images/images/icon37.png"> <span>点赞</span> </a> </div> <div class="wzconOtherwz"> <a href="/faq/344947.html"> <span>上一篇:HTML标签详解</span> </a> <a href="/faq/344967.html"> <span>下一篇: HTML基本语法总结</span> </a> </div> <div class="wzconShengming"> <img src="/static/images/images/benzhanshengming.png" /> <div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div> </div> <!-- PC-文章底部 --> <div class="wzconZzwz"> <div class="wzconZzwztitle">作者最新文章</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359677.html" title="phpcn{$vo.title}">.NET微信公众号获取OpenID和用户信息实例解析</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359676.html" title="phpcn{$vo.title}">图文详解.Net语言Smobiler开发之如何仿微信朋友圈的消息样式</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359675.html" title="phpcn{$vo.title}">ASP.NET代码轻松实现微信抢红包</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359674.html" title="phpcn{$vo.title}">C#开发微信多客服功能及开发集成实例</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359673.html" title="phpcn{$vo.title}">C#开发微信门户应用管理系统功能介绍 </a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359672.html" title="phpcn{$vo.title}">微信公众平台消息接口开发地理位置查询附近商家实例</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359662.html" title="phpcn{$vo.title}">微信开发系列教程(3)</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359660.html" title="phpcn{$vo.title}">微信开发系列教程(2)</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359658.html" title="phpcn{$vo.title}">微信开发系列教程(1)</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="/faq/359653.html" title="phpcn{$vo.title}">解析微信小程序SocketIO实例</a> </div> <div>1970-01-01 08:00:00</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="/faq/1357117.html" target="_blank" title="HTML如何设置动画方向?animation-direction怎么使用?" class="wdcdcTitle">HTML如何设置动画方向?animation-direction怎么使用?</a> <a href="/faq/1357117.html" class="wdcdcCons">animation-direction属性用于控制CSS动画的播放方向,其常用值包括normal、reverse、alternate和alternate-reverse。1.normal为默认值,动画始终正向播放;2.reverse让动画始终反向播放;3.alternate在奇数次正播、偶数次倒播,形成来回效果;4.alternate-reverse则首次播放即为反向。该属性常用于实现循环动画中的方向变化,如来回移动的提示框或加载动画。使用时需配合animation-name、animation</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-14 11:12:02</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">1014</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1357072.html" target="_blank" title="html中meta的用法 元信息meta标签的8个常用属性" class="wdcdcTitle">html中meta的用法 元信息meta标签的8个常用属性</a> <a href="/faq/1357072.html" class="wdcdcCons">标签的8个常用属性分别是:1.charset用于设置字符编码,确保网页正确显示;2.viewport用于设置视口,优化移动设备体验;3.description和4.keywords用于SEO优化;5.author用于标注作者信息;6.copyright用于标注版权信息;7.refresh用于定时刷新或跳转页面;8.X-UA-Compatible用于确保IE浏览器兼容性。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-14 10:51:02</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">614</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356827.html" target="_blank" title="HTML如何绘制图形?canvas和SVG有什么区别?" class="wdcdcTitle">HTML如何绘制图形?canvas和SVG有什么区别?</a> <a href="/faq/1356827.html" class="wdcdcCons">网页开发中绘制图形主要有两种方式:HTML5Canvas和SVG。一、Canvas是基于像素的画布,适合动态绘图和高频重绘场景,如游戏或实时图像处理,但不支持直接操作图形对象;二、SVG是基于矢量的图形格式,支持交互、响应式设计和DOM操作,适合需要高质量显示和用户交互的图表或地图;三、两者关键区别在于类型、可访问性、交互性和性能特点不同,Canvas适用于大量图形渲染,SVG更适合结构化图形与交互。选择应根据项目需求决定。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-14 09:00:02</span> </div> <div class="wdcdciright flexRow"> <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="/faq/1356714.html" target="_blank" title="HTML进度条怎么做?progress标签怎么使用?" class="wdcdcTitle">HTML进度条怎么做?progress标签怎么使用?</a> <a href="/faq/1356714.html" class="wdcdcCons">在HTML中创建进度条最直接的方法是使用标签。1.基本用法通过value和max属性定义当前值与最大值,如表示30%进度;若未指定max,则默认为1.0。2.可通过CSS对进度条进行美化,使用伪元素选择器如::-webkit-progress-value和::-moz-progress-bar分别适配不同浏览器样式。3.结合JavaScript可实现动态更新,例如通过setInterval定时改变value值以模拟递增进度,适用于文件上传、异步请求等场景。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-14 08:06:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">628</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356638.html" target="_blank" title="HTML如何设置页面标题?title标签放在哪里?" class="wdcdcTitle">HTML如何设置页面标题?title标签放在哪里?</a> <a href="/faq/1356638.html" class="wdcdcCons">网页标题通过HTML的标签设置,需置于区域中。1.必须放在HTML文档的部分,即之后、之前;2.标题不仅显示在浏览器标签页,还影响SEO和社交分享;3.设置时需注意控制字符长度在50~60字以内,关键词靠前且每页唯一,避免滥用特殊符号。正确使用标题标签有助于提升用户体验和网站推广效果。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 21:27:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">339</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356635.html" target="_blank" title="HTML如何实现进度动画?progress标签怎么配合CSS?" class="wdcdcTitle">HTML如何实现进度动画?progress标签怎么配合CSS?</a> <a href="/faq/1356635.html" class="wdcdcCons">实现进度动画的核心方法是使用HTML的标签配合CSS和JavaScript,1.使用创建基础结构,设置value和max属性;2.通过CSS重写样式并添加transition或@keyframes实现动画效果;3.利用JavaScript动态更新value值以驱动进度变化;4.结合关键帧动画实现更复杂的视觉效果,如流动渐变。整个过程需注意浏览器样式兼容性,并可通过JS控制动画的启停。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 21:24:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">430</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356617.html" target="_blank" title="怎么添加锚点链接?页面导航小白步骤" class="wdcdcTitle">怎么添加锚点链接?页面导航小白步骤</a> <a href="/faq/1356617.html" class="wdcdcCons">添加锚点链接的方法是:1.在目标位置设置唯一id作为锚点;2.创建以#开头指向该id的链接。它能提高页面导航效率、增强内容可访问性、改善移动端体验。若失效需检查id是否正确唯一、元素是否存在、CSS是否影响滚动。锚点链接虽不直接影响SEO,但能通过改善用户体验、增加页面深度、生成富摘要间接提升SEO效果。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 20:42:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">965</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356593.html" target="_blank" title="html中各种标签的作用 常用html标签功能速查手册" class="wdcdcTitle">html中各种标签的作用 常用html标签功能速查手册</a> <a href="/faq/1356593.html" class="wdcdcCons">HTML常用标签及其功能包括:1.是网页根元素;2.和定义头部信息和主体内容;3.设置网页标题;4.到为标题标签;5.和用于段落和换行;6.、和用于列表;7.创建链接;8.、、和构建表格;9.、、、和用于表单;10.、和嵌入多媒体;11.和用于布局和样式化,这些标签帮助构建结构清晰的网页。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 20:18:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">669</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356579.html" target="_blank" title="html中如何设置文本斜体?斜体字体实现方法" class="wdcdcTitle">html中如何设置文本斜体?斜体字体实现方法</a> <a href="/faq/1356579.html" class="wdcdcCons">在HTML中设置文本斜体主要有三种方法:使用标签、标签或CSS的font-style属性。其中,用于无语义的纯斜体,用于强调内容,而CSS方式更灵活且推荐用于现代开发。此外需注意字体支持、避免滥用标签,并可结合其他字体属性控制效果。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 20:00:02</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">610</a> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="/faq/1356569.html" target="_blank" title="html中body标签的作用 文档主体body的3大功能" class="wdcdcTitle">html中body标签的作用 文档主体body的3大功能</a> <a href="/faq/1356569.html" class="wdcdcCons">body标签的3大功能是:1)展示内容,2)处理用户交互,3)实现动态效果。body标签承载网页的基本内容,包括文本、图片和多媒体元素;通过表单和JavaScript增强用户互动;利用JavaScript和CSS创建动态效果,提升用户体验。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">2025-06-13 19:54:01</span> </div> <div class="wdcdciright flexRow"> <a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">291</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/hmmfbzxydqjhz"><img src="https://img.php.cn/upload/subject/202506/13/2025061317244971506.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/hmmfbzxydqjhz" class="title-a-spanl"><span>韩漫免费版在线阅读全集汇总</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/javabshifuhej"><img src="https://img.php.cn/upload/subject/202506/11/2025061118001957840.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/javabshifuhej" class="title-a-spanl"><span>java标识符合集</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/cjjbcjjffhz"><img src="https://img.php.cn/upload/subject/202506/11/2025061116554024973.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/cjjbcjjffhz" class="title-a-spanl"><span>C++报错处理大全</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/goyykfgjdq"><img src="https://img.php.cn/upload/subject/202506/11/2025061115532765060.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/goyykfgjdq" class="title-a-spanl"><span>go语言开发工具大全</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/pythonqhjc"><img src="https://img.php.cn/upload/subject/202506/11/2025061115443937913.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/pythonqhjc" class="title-a-spanl"><span>python求和教程</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/phpsxffdq"><img src="https://img.php.cn/upload/subject/202506/11/2025061115340396766.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/phpsxffdq" class="title-a-spanl"><span>php实现方法大全</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/javazxjc"><img src="https://img.php.cn/upload/subject/202506/10/2025061017421473919.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/javazxjc" class="title-a-spanl"><span>java自学教程</span> </a> </li> <li class="ul-li"> <a target="_blank" href="/faq/cjjyfcwdq"><img src="https://img.php.cn/upload/subject/202506/10/2025061017300146017.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a> <a target="_blank" href="/faq/cjjyfcwdq" class="title-a-spanl"><span>C++语法错误大全</span> </a> </li> </ul> </div> </div> <div class="wzcongg"><script type="text/javascript" src="https://teacher.php.cn/php/NzIzNmE5NjBlOTgwNWZlNTMzN2E0MGEzNmU3NjM3NmI6Og==" ></script></div> </div> </div> <div class="phpwzright"> <div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;"> <script type="text/javascript" src="https://teacher.php.cn/php/N2Q0ODk3NTAwZTFmODQ1NGM4Y2VjYzQzZTVkOTI5NDk6Og==" ></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/1357117.html">HTML如何设置动画方向?animation-direction怎么使用?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/1357072.html">html中meta的用法 元信息meta标签的8个常用属性</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/1356827.html">HTML如何绘制图形?canvas和SVG有什么区别?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/1356714.html">HTML进度条怎么做?progress标签怎么使用?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" href="/faq/1356638.html">HTML如何设置页面标题?title标签放在哪里?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!"><b>HTML速学教程(入门课程)</b></a> </div> </li> </ul> </div> </div> <div class="wzrTwo"> </div> <div class="wzrTwo"> <div style="position: relative;"><a class="" href="https://teacher.php.cn/jump/67" title="开源免费商场系统" rel="nofollow" target="_blank"><img style="width: 100%; " src="https://img.php.cn/teacher/course/20220930/8ef7a4a308a22ece023e77e5428c0e25.png" alt="开源免费商场系统"></a><span style="position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;">广告</span></div> </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://teacher.php.cn/php/MTJjOWU0YjVmMmE1MzI1OTgyNzRlYmJmYjE0MmZkNWY6Og==" ></script> <li> <a target="_blank" href="/course/631.html" title="ThinkPHP5快速开发企业站点[全程实录]" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png" alt="ThinkPHP5快速开发企业站点[全程实录]"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/631.html">ThinkPHP5快速开发企业站点[全程实录]</a> <div class="wzrthreerb"> <div >399632次学习</div> <a class="courseICollection" data-id="631"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1475.html" title="PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/63885f486655e517.png" alt="PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1475.html">PHP Workerman 基础与实战:即时通讯聊天系统(ThinkPHP6)</a> <div class="wzrthreerb"> <div >51304次学习</div> <a class="courseICollection" data-id="1475"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/332.html" title="Thinkphp3.2.3个人博客开发" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d96e5aaaf629.png" alt="Thinkphp3.2.3个人博客开发"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/332.html">Thinkphp3.2.3个人博客开发</a> <div class="wzrthreerb"> <div >212727次学习</div> <a class="courseICollection" data-id="332"><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 >1458348次学习</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/639.html" title="phpStudy极速入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg" alt="phpStudy极速入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/639.html">phpStudy极速入门视频教程</a> <div class="wzrthreerb"> <div >526849次学习</div> <a class="courseICollection" data-id="639"><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 >1234995次学习</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 >764508次学习</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/372.html" title="独孤九贱(1)_HTML5视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg" alt="独孤九贱(1)_HTML5视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/372.html">独孤九贱(1)_HTML5视频教程</a> <div class="wzrthreerb"> <div >611338次学习</div> <a class="courseICollection" data-id="372"><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/1655.html" title="PHP新手语法线上课程教学" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png" alt="PHP新手语法线上课程教学"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1655.html">PHP新手语法线上课程教学</a> <div class="wzrthreerb"> <div >202次学习</div> <a class="courseICollection" data-id="1655"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1654.html" title="支付宝沙箱支付(个人也能用的支付)" class="wzrthreelaimg"> <img src="https://img.php.cn/teacher/course/20240819/172406094466c31510e008b.jpg" alt="支付宝沙箱支付(个人也能用的支付)"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1654.html">支付宝沙箱支付(个人也能用的支付)</a> <div class="wzrthreerb"> <div >2554次学习</div> <a class="courseICollection" data-id="1654"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1650.html" title="麻省理工大佬Python课程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/66592dcfeb1b4698.png" alt="麻省理工大佬Python课程"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1650.html">麻省理工大佬Python课程</a> <div class="wzrthreerb"> <div >29443次学习</div> <a class="courseICollection" data-id="1650"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1649.html" title="Swoole5 Hyperf3 php8新版本协程框架讲说" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6641ad56af4c9674.png" alt="Swoole5 Hyperf3 php8新版本协程框架讲说"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1649.html">Swoole5 Hyperf3 php8新版本协程框架讲说</a> <div class="wzrthreerb"> <div >11719次学习</div> <a class="courseICollection" data-id="1649"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a> </div> </div> </li> <li> <a target="_blank" href="/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" href="/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >14485次学习</div> <a class="courseICollection" data-id="1648"><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="/xiazai">更多> </a> </div> <div class="swiper-container sjyx_banSwiperwz"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板"> <img src="https://img.php.cn/upload/webcode/000/000/011/174954240445579.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 }); loading(); }) function loading(reloading=false){ if(reloading){ $("#ai_doubao2_3_wait_right").show(); $("#ai_doubao2_3_wait_left").show(); $("#doubao_error_right").hide(); $("#doubao_error_left").hide(); } $.ajax({ url:'/index.php/api/process?sign=&id=344964&time='+Date.now(), dataType:'json', async:true, headers: { "X-Requested-With": "XMLHttpRequest" // 标记为异步请求 }, type:'post', success:function(result){ if(result.code!=1){ $("#doubao_error_right").show(); $("#ai_doubao2_3_wait_right").hide(); $("#doubao_error_left").show(); $("#ai_doubao2_3_wait_left").hide(); }else{ $("#ai_doubao2_3_wait_right").hide(); $("#ai_doubao2_3_wait_left").hide(); let doubao_answer = `<p>`+result.data.content+`</p>`; $("#doubao_answer_right").html(doubao_answer); $("#doubao_answer_left").html(doubao_answer); let doubao_titles = ''; if(result.data.title){ $.each(result.data.title,function(k,v){ doubao_titles+=`<div class="ai_doubao2_2s"><a rel="nofollow" target="_blank" href="https://doubao.com/chat/new-thread?flow_tracking_source=360_php&channel=360_php_abstract&source=360_db_php_abstract&keywordid=`+"344964"+`&query=参考https://www.php.cn`+"/faq/344964.html的内容,"+encodeURIComponent(v)+`" title="`+v+`"><p><img src="/static/images/doubao_yellowstar.png" alt="">&nbsp;`+v+`</p></a></div>`; }) } yigeyigezichulai(ai_doubao_titles_show,doubao_titles); } } }) } function ai_doubao_titles_show(str){ $("#ai_doubao_titles_right").html(str); $("#ai_doubao_titles_left").html(str); } function yigeyigezichulai(callback,str){ const textElements = document.querySelectorAll('.yigeyigezichulai p'); textElements.forEach(textElement => { const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (node.nodeType === Node.TEXT_NODE) { fragments.push(...node.textContent.split('')); } else { fragments.push(node.outerHTML); } }); textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (index < fragments.length) { const fragment = fragments[index]; if (fragment.startsWith('<')) { textElement.innerHTML += fragment; } else { textElement.innerHTML += fragment; } } else { clearInterval(interval); callback(str); } index++; }, 25); // 每 100 毫秒显示一个片段 }); } // 豆包等待动画 const containers = document.querySelectorAll('.ai_doubao2_3_wait') || []; if (containers.length > 0) { containers.forEach(container => { if (container && container.firstElementChild) { const intervalId = setInterval(() => { if (!container || !container.firstElementChild) { clearInterval(intervalId); return; } const firstChild = container.firstElementChild; container.appendChild(firstChild); }, 300); } }); } // AI总结相关功能 const aiZongjie = document.querySelector('.ai_zongjie'); const aiDoubao = document.querySelector('.ai_doubao'); const closeButton = document.querySelector('.ai_doubao1_R_img'); if (aiZongjie && aiDoubao && closeButton) { aiZongjie.addEventListener('click', () => { aiDoubao.style.display = 'block'; }); closeButton.addEventListener('click', () => { aiDoubao.style.display = 'none'; }); } // 文字动画效果 const textElements = document.querySelectorAll('.ai_doubao2_3s.ai_doubao2_3s_L p') || []; if (textElements.length > 0) { textElements.forEach(textElement => { if (!textElement) return; const originalHTML = textElement.innerHTML; const tempDiv = document.createElement('div'); tempDiv.innerHTML = originalHTML; const fragments = []; Array.from(tempDiv.childNodes).forEach(node => { if (!node) return; if (node.nodeType === Node.TEXT_NODE) { fragments.push(...(node.textContent || '').split('')); } else { fragments.push(node.outerHTML); } }); if (fragments.length === 0) return; textElement.innerHTML = ''; let index = 0; const interval = setInterval(() => { if (!textElement || index >= fragments.length) { clearInterval(interval); return; } const fragment = fragments[index]; if (fragment) { textElement.innerHTML += fragment; } index++; }, 100); }); } // 页面滚动监听相关 const divai_zongjie1 = document.getElementById('ai_zongjie1'); const divai_zongjie2 = document.getElementById('ai_zongjie2'); const divai_zongjie3 = document.getElementById('ai_zongjie3'); if (divai_zongjie2) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting && divai_zongjie1) { try { divai_zongjie1.style.display = 'flex'; requestAnimationFrame(() => { if (divai_zongjie1) { divai_zongjie1.classList.add('visible'); } }); } catch (e) { console.log('元素操作失败'); } } else if (divai_zongjie1) { try { divai_zongjie1.classList.remove('visible'); divai_zongjie1.addEventListener('transitionend', () => { if (divai_zongjie1 && !divai_zongjie1.classList.contains('visible')) { divai_zongjie1.style.display = 'none'; } }, { once: true }); if (divai_zongjie3 && divai_zongjie3.style) { divai_zongjie3.style.display = 'none'; } } catch (e) { console.log('元素操作失败'); } } }); }, { threshold: 0, rootMargin: '-90px 0px 0px 0px' }); try { observer.observe(divai_zongjie2); } catch (e) { console.log('观察器初始化失败'); } // 滚动事件处理 window.addEventListener('scroll', () => { const scrollY = window.scrollY || window.pageYOffset; if (divai_zongjie2) { try { divai_zongjie2.style.display = scrollY > 1000 ? 'none' : 'block'; } catch (e) { console.log('滚动处理失败'); } } }); } </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/8602" title="极品模板微商城订单系统" target="_blank">[电商源码] 极品模板微商城订单系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8601" title="SDCMS-B2C商城网站管理系统" target="_blank">[电商源码] SDCMS-B2C商城网站管理系统</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8600" title="eShop公众号商城" target="_blank">[微信源码] eShop公众号商城</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8599" title="MixPHP3.0.27" target="_blank">[开发框架] MixPHP3.0.27</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8598" title="wechat-miniprogram-plugin" target="_blank">[微信源码] wechat-miniprogram-plugin</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8597" title="WeUI微信UI库" target="_blank">[微信源码] WeUI微信UI库</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8596" title="PHP轻论坛" target="_blank">[微信源码] PHP轻论坛</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8595" title="HDHCMS (集网站建站与客户管理于一体的系统)" target="_blank">[微信源码] HDHCMS (集网站建站与客户管理于一体的系统)</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/3082" target="_blank" title="手绘六一儿童节背景矢量素材">[网站素材] 手绘六一儿童节背景矢量素材</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3081" target="_blank" title="欧式奢华风格竖版名片设计下载">[网站素材] 欧式奢华风格竖版名片设计下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3080" target="_blank" title="室内设计方案特价宣传单设计下载">[网站素材] 室内设计方案特价宣传单设计下载</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/sucai/3079" target="_blank" title="蓝色极简风格夏日主题竖版banner下载">[网站素材] 蓝色极简风格夏日主题竖版banner下载</a> </div> </li> <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> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板">[前端模板] 驾照考试驾校HTML5网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8589" target="_blank" title="驾照培训服务机构宣传网站模板">[前端模板] 驾照培训服务机构宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板">[前端模板] HTML5房地产公司宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板">[前端模板] 新鲜有机肉类宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8586" target="_blank" title="响应式天气预报宣传网站模板">[前端模板] 响应式天气预报宣传网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8585" target="_blank" title="房屋建筑维修公司网站CSS模板">[前端模板] 房屋建筑维修公司网站CSS模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8584" target="_blank" title="响应式志愿者服务网站模板">[前端模板] 响应式志愿者服务网站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="/xiazai/code/8583" target="_blank" title="创意T恤打印店网站HTML5模板">[前端模板] 创意T恤打印店网站HTML5模板</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-2025 <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 type="text/javascript" src="/hitsUp?type=article&id=344964&time=1750032578"></script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1750032578"></script> <script>article_status = "13";</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:100%;} .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=HTML%E8%AF%AD%E6%B3%95%E5%A4%A7%E5%85%A8', 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 && false){ $(".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'); 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 = '已复制'; }); // 创建AI写代码按钮 var aiButton = document.createElement('button'); aiButton.className = 'copy-button'; aiButton.textContent = 'AI写代码'; aiButton.style.marginLeft = '5px'; aiButton.style.marginRight = '5px'; // 添加点击事件处理程序 aiButton.addEventListener('click', function() { // Generate a random number between 0 and 1 var randomChance = Math.random(); // If the random number is less than 0.5, open the first URL, else open the second if (randomChance < 0.5) { window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank'); } else { window.open('https://click.aliyun.com/m/1000402709/', '_blank'); } }); // 将按钮添加到 <pre> 元素前面 preElement.parentNode.insertBefore(copyButton, preElement); preElement.parentNode.insertBefore(aiButton, 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; } 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" style="height:240px !important;"> <li> <div class="phpSdhIn"> <div class="phpSdhTitle"> <a href="/k24.html" target="_blank" class="hover" title="PHP学习"> <b class="icon1"></b> <p>PHP学习</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"> <div class="phpSdhTitle"> <a href="#"> <b class="icon6"></b> <p>返回顶部</p> </a> </div> </div> </li> </div> <!--侧导航 end--> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '11']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>