javascript记录文本框内文字个数检测文字个数变化

最近在做一个项目中遇到这样一个问题，要对文本框中用户输入的文字进行记数，在下面显示出来，因为我们做的是一个短信发送平台，现在我们国家的短信服务，如果你的信息超过了７０个字符，短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。
在网了一个代码，放上去，开始使用的时候，还行，不错，可是使用了一段时间后发现了问题。就是你在删除文字后，上面的字数变化就有问题，后来研究了一下，找到问题的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一个方法，而且没有者用，这二个方法是在你按下键盘与松开键盘的时候都进行计数，好了，我把程序放上来
 
 
 
 New Document  
 
 
 
 
 

 
 

</pre><div class="contentsignin">登录后复制</div></div>
</div>


                </div>
            </div>

			<div class="phpwzggBox" style="width: 1380px; margin: 20px auto;">
				<script type="text/javascript" src="https://sw.php.cn/hezuo/43cc2463da342d2af2696436bd2d05f4.html" ></script>
			</div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>相关标签：</span>
                    <div class="wzcbqd">
                        <a href="//m.sbmmt.com/search?word=文本框" target="_blank">文本框</a> <a href="//m.sbmmt.com/search?word=文字个数" target="_blank">文字个数</a>
                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div>
                            </div>

            <div class="wzconOtherwz">

                                    <a href="//m.sbmmt.com/faq/10669.html">
                        <span>上一篇：JavaScript实现网页截图功能_javascript技巧</span>
                    </a>
                                    <a href="//m.sbmmt.com/faq/10671.html">
                        <span>下一篇：JavaScript跨域方法汇总_javascript技巧</span>
                    </a>
                


            </div>
            <div class="wzconShengming">
                <img src="/static/images/images/benzhanshengming.png" />
                <div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div>
            </div>
			
           <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">作者最新文章</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/542142.html">显示git文件夹隐藏文件</a>
                            </div>
                            <div>2023-05-17 11:37:07</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/524288.html">如何用Java反编译字节码文件？</a>
                            </div>
                            <div>2023-04-22 14:40:08</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/519921.html">java代码块的执行顺序实例分析</a>
                            </div>
                            <div>2023-04-18 12:07:03</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/516437.html">毫末智行CEO顾维灏：城市场景中MANA面临的六大挑战与全新升级</a>
                            </div>
                            <div>2023-04-14 11:58:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/510000.html">利用人工智能解决石油和天然气排放挑战</a>
                            </div>
                            <div>2023-04-08 17:51:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/413460.html">PHP怎么统计字符串中指定字符出现的次数</a>
                            </div>
                            <div>2023-04-04 13:42:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/505912.html">人工智能如何为数据中心团队带来新的日常工作</a>
                            </div>
                            <div>2023-03-31 20:38:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/505911.html">2023年值得关注的技术趋势</a>
                            </div>
                            <div>2023-03-31 20:38:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/401010.html">PHP中多态的两个实现重载与覆盖</a>
                            </div>
                            <div>2023-03-29 20:34:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/faq/396695.html">thinkphp最新官网视频教程</a>
                            </div>
                            <div>2023-03-26 14:08:02</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZt" style="display: none;">
                <div class="wzczt-title">
                    <div>相关专题</div>
                    <a href="#">更多>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                        <li>
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li class="ul-li-two">
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span> PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li  class="ul-li-three">
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li>
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li>
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li class="ul-li-two">
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li  class="ul-li-three">
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                        <li>
                            <a href="#"><img src="/static/images/examples/text8.png" /> </a>
                            <a href="#" class="title-a-span"><span>  PHPComposer教程中国开源未来发展峰会“问道 AI 分论坛”即将开幕！中国开源未来发展峰会“问道 AI 分论坛”即将开幕！   PHP PHP Composer教程   PHP Composer教程         </span> </a>
                        </li>
                    </ul>
                </div>
            </div>
<div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.html" ></script></div>
        </div>
    </div>
    <div class="phpwzright">
        <script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.html?yimen" ></script>
        <div class="wzrOne">
            <div class="wzroTitle">热门推荐</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/568178.html">navigator.appname是什么</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/568177.html">navigator.appname详细解析</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/568174.html">navigator.appname属性详解</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/568114.html">lightbox.js用法详解</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/567118.html">location.reload()用法机制</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/567113.html">jquery validate自定义验证怎么用</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/567091.html">location.hash跨域解决原理</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/567086.html">location.hash的用法</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/560903.html">使用JavaScript实现3D模型和视觉效果的制作和展示</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" href="//m.sbmmt.com/faq/560863.html">在JavaScript中实现数据可视化的高级技巧</a>
                                </div>
                            </li>
                                    </ul>
            </div>
        </div>
        <div class="wzrTwo">
            <script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.html" ></script>
        </div>
		<div class="wzrTwo">
		<script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.html" ></script>
		</div>
        <div class="wzrThree">
            <div class="wzrthree-title">
                <div>热门教程</div>
                <a target="_blank" href="//m.sbmmt.com/k.html">更多>
                </a>
            </div>
            <div class="wzrthreelist">
                <div class="wzrthreeTab">
                    <div class="check tabdiv" data-id="one">相关教程 <div></div></div>
                    <div class="tabdiv" data-id="two">热门推荐<div></div></div>
                    <div class="tabdiv" data-id="three">最新课程<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/course/1264.html" title="快速上手React基础" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/015/611f73781f76e233.jpg" alt="快速上手React基础"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" href="//m.sbmmt.com/course/1264.html">快速上手React基础</a>
                                    <div class="wzrthreerb">
                                        <div >78576次学习</div>

                                                                                    <a class="courseICollection" data-id="1264"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                            </div>
                                </div>
                            </li>
                                                    <li>
                                <a target="_blank" href="//m.sbmmt.com/course/1265.html" title="React商城后台项目实战" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/015/611f7384e21af831.jpg" alt="React商城后台项目实战"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" href="//m.sbmmt.com/course/1265.html">React商城后台项目实战</a>
                                    <div class="wzrthreerb">
                                        <div >38974次学习</div>

                                                                                    <a class="courseICollection" data-id="1265"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                            </div>
                                </div>
                            </li>
                                        </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
                                <div class="wzrthreerb">
                                    <div >1313195次学习</div>

                                                                            <a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/286.html">JAVA 初级入门视频教程</a>
                                <div class="wzrthreerb">
                                    <div >1919780次学习</div>

                                                                            <a class="courseICollection" data-id="286"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/504.html">小甲鱼零基础入门学习Python视频教程</a>
                                <div class="wzrthreerb">
                                    <div >450993次学习</div>

                                                                            <a class="courseICollection" data-id="504"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/234.html">零基础精通 PS 视频教程</a>
                                <div class="wzrthreerb">
                                    <div >745183次学习</div>

                                                                            <a class="courseICollection" data-id="234"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/857.html" title="开发微信小程序视频教程" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/6253fe6a7eeb8282.png" alt="开发微信小程序视频教程"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/857.html">开发微信小程序视频教程</a>
                                <div class="wzrthreerb">
                                    <div >232139次学习</div>

                                                                            <a class="courseICollection" data-id="857"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                    </ul>
                <ul class="three" style="display: none;">
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/1569.html" title="适合小白练手的38个Python爬虫实战项目" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/649e4ff53d8ee137.png" alt="适合小白练手的38个Python爬虫实战项目"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/1569.html">适合小白练手的38个Python爬虫实战项目</a>
                                <div class="wzrthreerb">
                                    <div >736次学习</div>

                                                                            <a class="courseICollection" data-id="1569"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/1562.html" title="保姆级Python免费入门课程" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/647d836f873ba136.png" alt="保姆级Python免费入门课程"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/1562.html">保姆级Python免费入门课程</a>
                                <div class="wzrthreerb">
                                    <div >3396次学习</div>

                                                                            <a class="courseICollection" data-id="1562"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/1561.html" title="2小时学会Python玩转Excel，实现高效率办公自动化" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6474399387198246.png" alt="2小时学会Python玩转Excel，实现高效率办公自动化"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/1561.html">2小时学会Python玩转Excel，实现高效率办公自动化</a>
                                <div class="wzrthreerb">
                                    <div >3280次学习</div>

                                                                            <a class="courseICollection" data-id="1561"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/1560.html" title="10个Python完整小项目教你爬虫+数据分析+数据可视化" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/646ad88941109929.png" alt="10个Python完整小项目教你爬虫+数据分析+数据可视化"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/1560.html">10个Python完整小项目教你爬虫+数据分析+数据可视化</a>
                                <div class="wzrthreerb">
                                    <div >2610次学习</div>

                                                                            <a class="courseICollection" data-id="1560"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/course/1559.html" title="Python爬虫全套教程完整版" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64647831c929e681.png" alt="Python爬虫全套教程完整版"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" href="//m.sbmmt.com/course/1559.html">Python爬虫全套教程完整版</a>
                                <div class="wzrthreerb">
                                    <div >43769次学习</div>

                                                                            <a class="courseICollection" data-id="1559"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
                                                                    </div>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                $('.wzrthreeTab>div').click(function(e){
                    $('.wzrthreeTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrthreelist>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>
        <div class="wzrFour">
            <div class="wzrfour-title">
                <div>最新下载</div>
                <a href="//m.sbmmt.com/xiazai">更多>
                </a>
            </div>
                            <div class="swiper-container  sjyx_banSwiperwz">
                    <ul class="swiper-wrapper">
                                                    <li class="swiper-slide">
                                <a href="//m.sbmmt.com/xiazai/code/8035" target="_blank" title="设计开发师个人作品展示简历网页模板">
                                    <img src="https://img.php.cn/upload/webcode/000/000/004/168837840459916.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="设计开发师个人作品展示简历网页模板">
                                </a>
                            </li>
                                                    <li class="swiper-slide">
                                <a href="//m.sbmmt.com/xiazai/code/8034" target="_blank" title="HTML5印刷排版公司网站模板">
                                    <img src="https://img.php.cn/upload/webcode/000/000/008/168809040392833.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>
                                                    <li class="swiper-slide">
                                <a href="//m.sbmmt.com/xiazai/code/8033" target="_blank" title="HTML5室内设计建筑设计公司网站模板">
                                    <img src="https://img.php.cn/upload/webcode/000/000/010/168803460690358.jpg?x-oss-process=image/resize,m_fill,h_220,w_335" onerror="this.onerror='';this.src='/static/images/moren/morentu.png'" alt="HTML5室内设计建筑设计公司网站模板">
                                </a>
                            </li>
                                                <div class="clear"></div>
                    </ul>
                    <div class="swiper-pagination"></div>
                </div>
                        <script>
                $(document).ready(function(){
                    var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
                        speed:1000,
                        autoplay:{
                            delay:3500,
                            disableOnInteraction: false,
                        },
                        pagination:{
                            el:'.sjyx_banSwiperwz .swiper-pagination',
                            clickable :false,
                        },
                        loop:true
                    })
                })
            </script>

            <div class="wzrfourList">
                <div class="wzrfourlTab">
                    <div class="check" data-id="onef">网站特效 <div></div></div>
                    <div class="" data-id="twof">网站源码<div></div></div>
                    <div class="" data-id="threef">网站素材<div></div></div>
                    <div class="" data-id="fourf">前端模板<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery百叶窗风格图片切换代码" href="//m.sbmmt.com/xiazai/js/7862">[焦点幻灯] jQuery百叶窗风格图片切换代码</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery仿京东首页广告图片切换" href="//m.sbmmt.com/xiazai/js/7861">[焦点幻灯] jQuery仿京东首页广告图片切换</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery无缝轮播插件" href="//m.sbmmt.com/xiazai/js/7860">[焦点幻灯] jQuery无缝轮播插件</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery自适应三屏滚动代码" href="//m.sbmmt.com/xiazai/js/7859">[焦点幻灯] jQuery自适应三屏滚动代码</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery仿今日头条图片轮播代码" href="//m.sbmmt.com/xiazai/js/7858">[焦点幻灯] jQuery仿今日头条图片轮播代码</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery爆炸切换效果焦点图" href="//m.sbmmt.com/xiazai/js/7857">[焦点幻灯] jQuery爆炸切换效果焦点图</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery仿魅族大图轮播幻灯片特效" href="//m.sbmmt.com/xiazai/js/7856">[焦点幻灯] jQuery仿魅族大图轮播幻灯片特效</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery自适应焦点图片切换特效" href="//m.sbmmt.com/xiazai/js/7855">[焦点幻灯] jQuery自适应焦点图片切换特效</a>
                            </div>
                        </li>
                                    </ul>

                <ul class="twof" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7647" title="有机果蔬供应商网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7646" title="Bootstrap3多功能数据信息后台管理响应式网页模板-Novus" target="_blank">[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7645" title="房产资源服务平台网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7644" title="简约简历资料网页模板 Bootstrap4" target="_blank">[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7639" title="bootstrap响应式宽屏图书教育网站模板-DREAMLIFE" target="_blank">[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7634" title="MAC风格响应式蓝色企业CMS后台管理系统模版" target="_blank">[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/7629" title="响应式蔬菜水果商店网站模板-Organio" target="_blank">[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</a>
                            </div>
                        </li>
                                    </ul>

                <ul class="threef" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2637"  target="_blank"  title="多彩逼真的气球生日快乐背景矢量素材(AI+EPS)">[网站素材] 多彩逼真的气球生日快乐背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2636"  target="_blank"  title="多彩流动波浪背景矢量素材(AI+EPS)">[网站素材] 多彩流动波浪背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2635"  target="_blank"  title="显微镜下的冠状病毒矢量素材(AI+EPS)">[网站素材] 显微镜下的冠状病毒矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2634"  target="_blank"  title="口罩和新冠病毒背景矢量素材(AI+EPS)">[网站素材] 口罩和新冠病毒背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2633"  target="_blank"  title="冠状病毒和疫苗背景矢量素材(AI+EPS)">[网站素材] 冠状病毒和疫苗背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2632"  target="_blank"  title="口罩和冠状病毒背景矢量素材(AI+EPS)">[网站素材] 口罩和冠状病毒背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2631"  target="_blank"  title="新冠肺炎防护背景矢量素材(AI+EPS)">[网站素材] 新冠肺炎防护背景矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/sucai/2630"  target="_blank"  title="扁平风格的FFP2口罩矢量素材(AI+EPS)">[网站素材] 扁平风格的FFP2口罩矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                    </ul>

                <ul class="fourf" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8035"  target="_blank" title="设计开发师个人作品展示简历网页模板">[前端模板] 设计开发师个人作品展示简历网页模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8034"  target="_blank" title="HTML5印刷排版公司网站模板">[前端模板] HTML5印刷排版公司网站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8033"  target="_blank" title="HTML5室内设计建筑设计公司网站模板">[前端模板] HTML5室内设计建筑设计公司网站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8032"  target="_blank" title="资深创意设计开发师简历网页模板">[前端模板] 资深创意设计开发师简历网页模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8031"  target="_blank" title="中小型代理服务公司网站模板">[前端模板] 中小型代理服务公司网站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8030"  target="_blank" title="时尚美发沙龙服务机构网站模板">[前端模板] 时尚美发沙龙服务机构网站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8029"  target="_blank" title="蓝色医疗服务中心网站模板">[前端模板] 蓝色医疗服务中心网站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/xiazai/code/8028"  target="_blank" title="商业计划服务公司HTML5网站模板">[前端模板] 商业计划服务公司HTML5网站模板</a>
                            </div>
                        </li>
                                    </ul>

            </div>
            <script>
                $('.wzrfourlTab>div').click(function(e){
                    $('.wzrfourlTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrfourList>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>

		

    </div>
</div>
<!--主体 end-->
<!--底部-->
<div class="phpFoot">
    <div class="phpFootIn">
        <div class="phpFootCont">
            <div class="phpFootLeft">
                <dl>
                    <dt>
                        <a href="//m.sbmmt.com/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a>
                        <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a>
                        <a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')"   title="意见反馈" class="cBlack">意见反馈</a>
                        <a href="//m.sbmmt.com/teacher.html" rel="nofollow"  target="_blank" title="讲师合作" class="cBlack">讲师合作</a>
                        <a href="//m.sbmmt.com/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>
                        <!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>-->
                        <a href="//m.sbmmt.com/update/article_0_1.html"   target="_blank" title="最新文章列表" class="cBlack">技术文章</a>
                                                <div class="clear"></div>
                    </dt>
                    <dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
                    <dd class="cont2">
                      <span class="ylwTopBox">
                        <a href="javascript:;"  class="cBlack"><b class="icon1"></b>关注服务号</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>微信扫码<br/>关注PHP中文网服务号</p>
                          <img src="/static/images/examples/text16.png"/>
                        </em>
                      </span>
                        <span class="ylwTopBox">
                        <a href="tencent://message/?uin=27220243&Site=m.sbmmt.com&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a>
                        <em style="display:none;" class="ylwTopSub">
                          <p>QQ扫码<br/>加入技术交流群</p>
                          <img src="/static/images/examples/text18.png"/>
                        </em>
                      </span>
                        <div class="clear"></div>
                    </dd>
                </dl>
                <div class="ylwTopBox phpAppBox" style="top: 0px; right: 20px;">
                <div class="phpAppTitle"><a href="//m.sbmmt.com/app/" style="color:#cccccc;">app下载</a></div>
                <div class="phpAppSub ylwTopSub" style="display: none;">
                  <img src="//m.sbmmt.com/static/images/examples/text14.png"/>
                  <p>扫描下载App</p>
                </div>
              </div>
            </div>
            <div class="phpFootRight">
                <div class="phpFootMsg">
                    <span><img src="/static/images/examples/text17.png"/></span>
                    <dl>
                        <dt>PHP中文网订阅号</dt>
                        <dd>每天精选资源文章推送</dd>
                    </dl>
                </div>
                <div class="phpFootMsg">
                    <span><img src="/static/images/examples/text14.png"/></span>
                    <dl>
                        <dt>PHP中文网APP</dt>
                        <dd>随时随地碎片化学习</dd>
                    </dl>
                </div>
                <div class="phpFootMsg">
                    <span><img src="/static/images/dy.png"/></span>
                    <dl>
                        <dt>PHP中文网抖音号</dt>
                        <dd>发现有趣的</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <div class="phpFootCode">
        <div class="phpFootCodeIn"><p>Copyright 2014-2023 <a href="//m.sbmmt.com/" target="_blank">//m.sbmmt.com/</a> All Rights Reserved | 苏州跃动光标网络科技有限公司 | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备2020058653号-1</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a>  <p> | 本站CDN由 <a href="https://www.wjdun.cn/" rel="nofollow" target="_blank" style="color:#787d82">数掘科技</a> 提供</p></div>
    </div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<span class="layui-hide"><script type="text/javascript" src="https://s4.m.sbmmt.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>

<!--底部 end-->
<script>
    $(function() {

        //直播倒计时
        $(".liveitem").each(function(){
            timer(this);
        })

        function timer(obj){
            var intDiff = $(obj).data("countdown");
            window.setInterval(function(){
                var day=0,
                    hour=0,
                    minute=0,
                    second=0;//时间默认值
                if(intDiff > 0){
                    day = Math.floor(intDiff / (60 * 60 * 24));
                    hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
                    minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
                    second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
                }else{
                    $(obj).find(".phpZbktBg").remove();
                    return;
                }
                if (hour <= 9) hour = '0' + hour;
                if (minute <= 9) minute = '0' + minute;
                if (second <= 9) second = '0' + second;
                $(obj).find('.day_show').html(day+"");
                $(obj).find('.hour_show').html('<s id="h"></s>'+hour+'');
                $(obj).find('.minute_show').html('<s></s>'+minute+'');
                $(obj).find('.second_show').html('<s></s>'+second+'');
                intDiff--;
            }, 1000);
        }

    });


</script>

<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1688592986"></script>
<script>article_status = 0;</script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>

<input type="hidden" id="verifycode" value="/captcha.html">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/common_new.js?2.1" ></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>

<script>
    $(document).ready(function(){
        $('#gongzhonghao').hover(function(){
            $('#gzh').show();
        },function(){
            $('#gzh').hide();
        })
    })
    var href = window.location.href;
    var title = document.title;
    var num = Math.floor(Math.random() * 10000 + 1);
    var newscript = document.createElement('script');
    newscript.setAttribute('type','text/javascript');
    newscript.setAttribute('src',"https://count.php.cn/index.php/api/statistics/phpcn?url="+encodeURIComponent(href)+"&title="+encodeURIComponent(title)+"&"+num);
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(newscript);
</script>
<script>
    layui.use(['jquery','layer'], function(){

        var is_login = "0";
        var show = 0;
        var ceng = getCookie('ceng');
        //文章下拉弹出登录
        if(is_login == 0 && !ceng)
        {
            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
        {
            SyntaxHighlighter.defaults['unselectable'] = false;
            SyntaxHighlighter.defaults['quick-code'] = true;
        }
    })
    function setCookie(name,value,iDay){      //name相当于键，value相当于值，iDay为要设置的过期时间（天）
        var oDate = new Date();
        oDate.setDate(oDate.getDate() + iDay);
        document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
    }
    function getCookie(name) {
        var cookieArr = document.cookie.split(";");
        for(var i = 0; i < cookieArr.length; i++) {
            var cookiePair = cookieArr[i].split("=");
            if(name == cookiePair[0].trim()) {
                return decodeURIComponent(cookiePair[1]);
            }
        }
        return null;
    }
</script>



<!--底部浮动层-->
    <div class="phpFudong">
        <div class="phpFudongIn">
            <div class="phpFudongImg"></div>
            <div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div>
            <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
            <div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
            <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
            <div class="clear"></div>
        </div>
    </div>
<!--底部浮动层 end-->
<!--侧导航-->
<style>.layui-fixbar{display: none;}</style>
<div class="phpSdhBox">
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a href="//m.sbmmt.com/golang" target="_blank" class="hover" title="精品班">
                    <b class="icon1"></b>
                    <p>精品班</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a href="//m.sbmmt.com/blog/detail/1047189.html" target="_blank">
                    <b class="icon2"></b>
                    <p>立即咨询</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn ylwTopBox">
            <div class="phpSdhTitle">
                <a href="javascript:;">
                    <b class="icon3"></b>
                    <p>微信沟通</p>
                </a>
            </div>
            <div class="phpSdhSub ylwTopSub" style="display: none;">
                <img src="/static/images/examples/wechat1.png"/>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=viuU-z9Xo9LwNd89_8dLk8RImMY36iZM&authKey=qJ1YCc4xHY1QNXePak2HlTk14Eav31wM7auWA8SkjkEBUYg5cg0rXNw3YajrNfxL&noverify=0&group_code=730587727" target="_blank">
                    <b class="icon4"></b>
                    <p>QQ群</p>
                </a>
            </div>
        </div>
    </li>
    <li>
        <div class="phpSdhIn">
            <div class="phpSdhTitle">
                <a href="//m.sbmmt.com/vip.html"  class="hover" target="_blank">
                    <b class="icon5"></b>
                    <p>优惠券</p>
                </a>
            </div>
        </div>
    </li>
    <li>
          <div class="phpSdhIn">
              <div class="phpSdhTitle">
                  <a href="#">
                     <b class="icon6"></b>
                     <p>返回顶部</p>
                  </a>
              </div>
          </div>
       </li>
</div>
<!--侧导航 end-->
</body>
</html>
首页

PHP培训

视频教程

学习路径

资源下载

技术文章

社区

微信公众号

php8，我来也

细说PHP(2021版)第一季

TP6.0 搭建个人博客实战（玉女心经版）

2018前端入门_HTML5

JavaScript极速入门_玉女心经系列

独孤九贱(1)_HTML5视频教程

CSS视频教程-玉女心经版

30分钟学会网站布局

Thinkphp6.0正式版视频教程

php8，我来也

PHP实战天龙八部之微信支付视频教程

CI框架30分钟极速入门

MySQL权威开发指南（教程）

Redis基础视频课程

尚观Oracle入门到精通视频教程

PDO操作极速入门,今天你用了吗？

你的第一行UNI-APP代码

Uniapp简爱读书项目开发--第一季

公益直播：Uniapp微信小程序1:1仿饿了么首页

Flutter从零到APP上架

phpStudy V8 视频教程

兄弟连新版Linux视频教程

Git教程(60分钟全程无废话版)

vscode其实很简单

AXURE 9视频教程(适合产品经理交互产品设计 UI)

零基础精通 PS 视频教程

16天带你入门UI视频教程

PS技法与切片技术视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述—程序员必须掌握的基础知识

程序员入门必备教程—HTTP协议详解

Websocket视频教程
