A simple template engine class. This type of research is not perfect. I hope friends can participate in the study and research.-PHP Tutorial-php.cn

This is the first time I post code here. This code is mainly for PHP template engine technology research. Currently there is only a compiled version. I hope you can provide more opinions and optimization tips.
It consists of three files. I don’t know how to format it as a file, so I can only copy it. Sorry!
index.php is a configuration file, everyone will understand after taking a look
index.html Some usage examples
Templates.class.php base class
A perfect version of caching will be released later, but I hope it will not be cached. With the guidance of friends or experts, this template engine only needs to handle compilation and caching, and other considerations will not be considered for the time being. , of course, the regular replacement mode also needs to add f, w and so on. . .
I hope some friends can study my Q: 76376931

Copy_3_of_Templates.class.php file has added a cache method. Refreshing the page again will not generate a cache. It has not been considered whether some pages in the project need to be cached. This class will be added gradually in the future. I hope some friends can join me. comminicate!

header('Content-Type:text/html;charset=utf-8');
define('ROOT_HOST',dirname(__FILE__));
define('HTML_DIR',ROOT_HOST. '/moban/');
define('COMPILED_DIR',ROOT_HOST.'/data/compiled/');
define('CACHE_DIR',ROOT_HOST.'/data/cache/');
//Whether to enable the buffer
define('NEW_CACHE', false);
//Determine whether to open the buffer
NEW_CACHE? ob_start(): null;
//Introduce the template class
require ROOT_HOST.'/lib/Templates.class.php';
$_moban = new Templates();
$array = array(a=>'Hello',b=>'I'm not very good, but I miss you very much',c=>'You are all here You're at home, why do you still miss me?');
$xcvu = 'Hello, this is an XCVU';
$zmq = "hi";
$title = "This is a template engine customization method!" ;
$ling = "Because a "function" is being modified????????????????";
$_moban->assign('ling', $ling);
$ _moban->assign('title',$title);
$_moban->assign('zmq', $zmq);
$_moban->assign('xcvu', $xcvu);
$_moban- >assign('abc',5>4);
$_moban->assign('array', $array);
$_moban->display('index.html');
?>

Copy code

< ;/title></li> <li><style type="text/css"></li> <li>*{ margin:0; padding:0;}</li> <li>body{ font-size:12px; color:#fff; background:#999;}</li> <li> .index { margin:0 auto; width:960px; background:#fff;height:1000px; line-height:50px; padding:20px;color:#000;}</li> <li>.index a{color:#000; text-decoration :none;}</li> <li>.index a:hover{ color:#F0F;}</li> <li></style></li> <li></head></li> <li><body></li> <li><div class="index"></li> <li> <span style ="color:#000;">BBBasd</span><span style="color:#000;">I don’t know what to say, but I want to say something</span>< br /></li> <li> <a href="#"></a></li> <li> <br /></li> <li>  </li> <li> <br /></li> <li> </li> <li> <P>No.1</P></li> <li> </li> <li> <P>No.2 </P></li> <li> </li> <li> <br /></li> <li> </li> <li> ........<br/></li> <li> </li> <li> </li> <li></div></li> <li></body></li> <li></html></li> </ol></div> <em onclick="copycode($('code_NP9'));">Copy code</em> </div> <div class="blockcode"> <div id="code_zuF"><ol> <li><?php<li>/* about:Richard.z<li> * site:http://www.zmq.cc<li> * E_mail:code@zmq.cc<li> * date:2013/01/02/17:30<li> * */<li>class Templates{<li> private $_CaChe;<li> private $_Compiled;<li> private $_HtmlFile;<li> private $_FileVar;<li> private $_KeyArr = array();<li> <li> public function __construct(){<li> if(!is_dir(HTML_DIR) || !is_dir(COMPILED_DIR) || !is_dir(CACHE_DIR)){<li> exit('Your directory does not exist!');<li> }<li> }<li> <li> public function assign($_var, $_value){<li> if(isset($_var) && !empty($_var)){<li> $this->_KeyArr[$_var] = $_value;</li> <li> }else{</li> <li> exit('Please set your value!');</li> <li> } </li> <li> }</li> <li> </li> <li> public function display($_File){</li> <li> //设置模板的变量</li> <li> $this->_HtmlFile = HTML_DIR.$_File;</li> <li> //设置编译</li> <li> $this->_Compiled = COMPILED_DIR.md5($_File).$_File.'.php';</li> <li> //设置缓存</li> <li> $this->_CaChe = CACHE_DIR.md5($_File).$_File.'.html';</li> <li> //判断模板是否存在</li> <li> if(!file_exists($this->_HtmlFile)){</li> <li> exit('Template file does not exist');</li> <li> }</li> <li> //赋值和判断读取</li> <li> if(!$this->_FileVar = file_get_contents($this->_HtmlFile)){</li> <li> exit('The template file read error!');</li> <li> }</li> <li> //if edit Compiled File date < date HtmlFile <li> if(!file_exists($this->_Compiled) || filemtime($this->_Compiled) < filemtime($this->_HtmlFile)){</li> <li> $this->Set_Comilled();</li> <li> }</li> <li> //Include Compiled</li> <li> include $this->_Compiled; </li> <li> }</li> <li> <li> //public function</li> <li> public function Set_Comilled(){</li> <li> $this->SetArr();</li> <li> $this->SetInclude();</li> <li> if(!file_put_contents($this->_Compiled, $this->_FileVar)){</li> <li> exit('Compiled files generated error!');</li> <li> }</li> <li> }</li> <li> //arr</li> <li> private function SetArr(){</li> <li> $_preaa = array(</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//');</li> <li> $_prebb = array(</li> <li> '<?php echo $this->_KeyArr["$1"];?>',</li> <li> '<?php if ($this->_KeyArr["$1"]) {?>',</li> <li> '<?php } ?>',</li> <li> '<?php } else { ?>',</li> <li> '<?php foreach ($this->_KeyArr["$1"] as $$2=>$$3) { ?>',</li> <li> '<?php } ?>',</li> <li> '<?php echo $$1; ?>',</li> <li> '<?php /* $1 */ ?>');</li> <li> $this->_FileVar = preg_replace($_preaa, $_prebb, $this->_FileVar);</li> <li> if(preg_match($_preaa[0], $this->_FileVar)){</li> <li> $this->_FileVar = $this->SetArr($this->_FileVar);</li> <li> }</li> <li> }</li> <li> <li> //Include</li> <li> private function SetInclude(){</li> <li> $_preFile = '//';</li> <li> if(preg_match($_preFile, $this->_FileVar,$_File)){</li> <li> if(!file_exists($_File[1]) || empty($_File)){</li> <li> exit('You of Include File Error!');</li> <li> }</li> <li> $this->_FileVar = preg_replace($_preFile, "<?php include '$1'; ?>", $this->_FileVar);</li> <li> }</li> <li> }</li> <li> </li> <li>}</li> <li>?></li> </ol></div> <em onclick="copycode($('code_zuF'));">复制代码</em> </div> <div class="blockcode"> <div id="code_pmx"><ol> <li><?php<li>/* about:Richard.z<li> * site:http://www.zmq.cc<li> * E_mail:code@zmq.cc<li> * date:2013/01/02/17:30 || 2013/01/14/21:35<li> * */<li>class Templates{<li> private $_CaChe;<li> private $_Compiled;<li> private $_HtmlFile;<li> private $_FileVar;<li> private $_KeyArr = array();<li> <li> public function __construct(){<li> if(!is_dir(HTML_DIR) || !is_dir(COMPILED_DIR) || !is_dir(CACHE_DIR)){<li> exit('Your directory does not exist!');<li> }<li> }<li> <li> public function assign($_var, $_value){<li> if(isset($_var) && !empty($_var)){<li> $this->_KeyArr[$_var] = $_value;</li> <li> }else{</li> <li> exit('Please set your value!');</li> <li> } </li> <li> }</li> <li> </li> <li> public function display($_File){</li> <li> //设置模板的变量</li> <li> $this->_HtmlFile = HTML_DIR.$_File;</li> <li> //设置编译</li> <li> $this->_Compiled = COMPILED_DIR.md5($_File).$_File.'.php';</li> <li> //设置缓存</li> <li> $this->_CaChe = CACHE_DIR.md5($_File).$_File.'.html';</li> <li> //判断模板是否存在</li> <li> if(!file_exists($this->_HtmlFile)){</li> <li> exit('Template file does not exist');</li> <li> }</li> <li> //赋值和判断读取</li> <li> if(!$this->_FileVar = file_get_contents($this->_HtmlFile)){</li> <li> exit('The template file read error!');</li> <li> }</li> <li> //if edit Compiled File date < date HtmlFile <li> if(!file_exists($this->_Compiled) || filemtime($this->_Compiled) < filemtime($this->_HtmlFile)){</li> <li> $this->Set_Comilled();</li> <li> }</li> <li> //Include Compiled</li> <li> include $this->_Compiled;</li> <li> $this->SetCaChe();</li> <li> }</li> <li> <li> //The setting cache file if you want to be generated again</li> <li> private function SetCaChe(){</li> <li> if(!file_exists($this->_CaChe) || filemtime($this->_CaChe) < filemtime($this->_Compiled)){</li> <li> if(NEW_CACHE){</li> <li> file_put_contents($this->_CaChe, ob_get_contents());</li> <li> ob_end_clean();</li> <li> include $this->_CaChe;</li> <li> }</li> <li> }</li> <li> }</li> <li> <li> //public function</li> <li> public function Set_Comilled(){</li> <li> $this->SetArr();</li> <li> $this->SetInclude();</li> <li> if(!file_put_contents($this->_Compiled, $this->_FileVar)){</li> <li> exit('Compiled files generated error!');</li> <li> }</li> <li> }</li> <li> //arr</li> <li> private function SetArr(){</li> <li> $_preaa = array(</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//',</li> <li> '//');</li> <li> $_prebb = array(</li> <li> '<?php echo $this->_KeyArr["$1"];?>',</li> <li> '<?php if ($this->_KeyArr["$1"]) {?>',</li> <li> '<?php } ?>',</li> <li> '<?php } else { ?>',</li> <li> '<?php foreach ($this->_KeyArr["$1"] as $$2=>$$3) { ?>',</li> <li> '<?php } ?>',</li> <li> '<?php echo $$1; ?>',</li> <li> '<?php /* $1 */ ?>');</li> <li> $this->_FileVar = preg_replace($_preaa, $_prebb, $this->_FileVar);</li> <li> if(preg_match($_preaa[0], $this->_FileVar)){</li> <li> $this->_FileVar = $this->SetArr($this->_FileVar);</li> <li> }</li> <li> }</li> <li> <li> //Include</li> <li> private function SetInclude(){</li> <li> $_preFile = '//';</li> <li> if(preg_match($_preFile, $this->_FileVar,$_File)){</li> <li> if(!file_exists($_File[1]) || empty($_File)){</li> <li> exit('You of Include File Error!');</li> <li> }</li> <li> $this->_FileVar = preg_replace($_preFile, "<?php include '$1'; ?>", $this->_FileVar);</li> <li> }</li> <li> }</li> <li> </li> <li>}</li> <li>?></li> </ol></div> <em onclick="copycode($('code_pmx'));">复制代码</em> </div> </td></tr></table> <div id="comment_35146" class="cm"> </div> <div id="post_rate_div_35146"></div> <br><br> </div> </div> <div style="display: flex;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/search?word=一个简单的模板引擎类，此类仅作研究并不完善，希望有朋友一起参与学习研究" target="_blank">一个简单的模板引擎类，此类仅作研究并不完善，希望有朋友一起参与学习研究</a> </div> </div>  </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/faq/317102.html" title="Three-level linkage of provinces, cities and counties with mysql+ajax"> <span>Previous article：Three-level linkage of provinces, cities and counties with mysql+ajax</span> </a> <a href="https://www.php.cn/faq/317111.html" title="php imagick converts image color CMKY to RGB"> <span>Next article：php imagick converts image color CMKY to RGB</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Articles by Author</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771332.html">How LLMs Work: Pre-Training to Post-Training, Neural Networks, Hallucinations, and Inference</a> </div> <div>2025-02-26 03:58:14</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771322.html">I Combined the Blockchain and AI to Generate Art. Here’s What Happened Next.</a> </div> <div>2025-02-26 03:38:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771315.html">Advanced Prompt Engineering: Chain of Thought (CoT)</a> </div> <div>2025-02-26 03:17:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771302.html">Retrieval Augmented Generation in SQLite</a> </div> <div>2025-02-26 02:49:09</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771274.html">How to Use an LLM-Powered Boilerplate for Building Your Own Node.js API</a> </div> <div>2025-02-26 01:08:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771258.html">LLMs for Coding in 2024: Price, Performance, and the Battle for the Best</a> </div> <div>2025-02-26 00:46:10</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771227.html">Prompting Vision Language Models</a> </div> <div>2025-02-25 23:42:08</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771219.html">How to Measure the Reliability of a Large Language Model's Response</a> </div> <div>2025-02-25 22:50:13</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771209.html">An Illusion of Life</a> </div> <div>2025-02-25 21:54:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/faq/1796771201.html">Scientists Go Serious About Large Language Models Mirroring Human Thinking</a> </div> <div>2025-02-25 20:45:11</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Latest Issues</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Laravel Modal does not return data" class="wdcdcTitle">Laravel Modal does not return data</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Can I use the automatic generation module of thinkphp5 in Windows 7 system? How to configure and use" class="wdcdcTitle">Can I use the automatic generation module of thinkphp5 in Windows 7 system? How to configure and use</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="After installing the PHP toolbox, all the mysql tables in phpstudy that I installed before are gone. What should I do?" class="wdcdcTitle">After installing the PHP toolbox, all the mysql tables in phpstudy that I installed before are gone. What should I do?</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="mcrypt_get_key_size()" class="wdcdcTitle">mcrypt_get_key_size()</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/wenda/.html" target="_blank" title="Detecting login status and preventing repeated login status in TP5 - My page is wrong" class="wdcdcTitle">Detecting login status and preventing repeated login status in TP5 - My page is wrong</a> <a href="https://www.php.cn/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> From 1970-01-01 08:00:00</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Related Topics</div> <a href="https://www.php.cn/faq/zt" target="_blank">More> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/goyyzdysfynx"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213284321788.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the operators in Go language?" /> </a> <a target="_blank" href="https://www.php.cn/faq/goyyzdysfynx" class="title-a-spanl" title="What are the operators in Go language?"><span>What are the operators in Go language?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/bytafont用法"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213500791843.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bytafont usage" /> </a> <a target="_blank" href="https://www.php.cn/faq/bytafont用法" class="title-a-spanl" title="bytafont usage"><span>bytafont usage</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/pdfzhccad"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214184235582.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Convert pdf to cad drawings" /> </a> <a target="_blank" href="https://www.php.cn/faq/pdfzhccad" class="title-a-spanl" title="Convert pdf to cad drawings"><span>Convert pdf to cad drawings</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/cincludeyf"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214025490635.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Usage of #include in C language" /> </a> <a target="_blank" href="https://www.php.cn/faq/cincludeyf" class="title-a-spanl" title="Usage of #include in C language"><span>Usage of #include in C language</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/aspkfgjynx"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213561076772.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What are the asp development tools?" /> </a> <a target="_blank" href="https://www.php.cn/faq/aspkfgjynx" class="title-a-spanl" title="What are the asp development tools?"><span>What are the asp development tools?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/ypjcgjtj"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214055069886.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Recommended hard drive detection tools" /> </a> <a target="_blank" href="https://www.php.cn/faq/ypjcgjtj" class="title-a-spanl" title="Recommended hard drive detection tools"><span>Recommended hard drive detection tools</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/gnbtcjypt"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212172046577.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Domestic Bitcoin buying and selling platform" /> </a> <a target="_blank" href="https://www.php.cn/faq/gnbtcjypt" class="title-a-spanl" title="Domestic Bitcoin buying and selling platform"><span>Domestic Bitcoin buying and selling platform</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/faq/css3jc"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214430050304.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="css3 tutorial" /> </a> <a target="_blank" href="https://www.php.cn/faq/css3jc" class="title-a-spanl" title="css3 tutorial"><span>css3 tutorial</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Popular Recommendations</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to set up hosts on Mac computer (steps with pictures and text)" href="https://www.php.cn/faq/448310.html">How to set up hosts on Mac computer (steps with pictures and text)</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quickly build a simple QQ robot with PHP" href="https://www.php.cn/faq/448391.html">Quickly build a simple QQ robot with PHP</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="API common signature verification methods (PHP implementation)" href="https://www.php.cn/faq/448286.html">API common signature verification methods (PHP implementation)</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Collection of common date and time operations in PHP" href="https://www.php.cn/faq/448309.html">Collection of common date and time operations in PHP</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP generates graphic verification code (enhanced interference type)" href="https://www.php.cn/faq/448308.html">PHP generates graphic verification code (enhanced interference type)</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Popular Tutorials</div> <a target="_blank" href="https://www.php.cn/course.html">More> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Related Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Popular Recommendations<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Latest courses<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div>1437834 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/74.html" title="PHP introductory tutorial one: Learn PHP in one week" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP introductory tutorial one: Learn PHP in one week"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP introductory tutorial one: Learn PHP in one week" href="https://www.php.cn/course/74.html">PHP introductory tutorial one: Learn PHP in one week</a> <div class="wzrthreerb"> <div>4298402 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div>2669884 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div>517034 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/2.html" title="PHP zero-based introductory tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP zero-based introductory tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP zero-based introductory tutorial" href="https://www.php.cn/course/2.html">PHP zero-based introductory tutorial</a> <div class="wzrthreerb"> <div>878069 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="https://www.php.cn/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div >1437834 times of learning</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="https://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div >2669884 times of learning</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="https://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div >517034 times of learning</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/901.html" title="Quick introduction to web front-end development" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="https://www.php.cn/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div >217163 times of learning</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="https://www.php.cn/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div >922631 times of learning</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="https://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div >9821 times of learning</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="https://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div >7851 times of learning</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1646.html" title="Go language practical GraphQL" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="https://www.php.cn/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div >6694 times of learning</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="https://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div >839 times of learning</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" class="wzrthreelaimg"> <img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="https://www.php.cn/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div >32790 times of learning</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.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>Latest Downloads</div> <a href="https://www.php.cn/xiazai">More> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web Effects <div></div></div> <div class="swiper-slide" data-id="twof">Website Source Code<div></div></div> <div class="swiper-slide" data-id="threef">Website Materials<div></div></div> <div class="swiper-slide" data-id="fourf">Front End Template<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery enterprise message form contact code" href="https://www.php.cn/toolset/js-special-effects/8071">[form button] jQuery enterprise message form contact code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 music box playback effects" href="https://www.php.cn/toolset/js-special-effects/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 cool particle animation navigation menu special effects" href="https://www.php.cn/toolset/js-special-effects/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery visual form drag and drop editing code" href="https://www.php.cn/toolset/js-special-effects/8068">[form button] jQuery visual form drag and drop editing code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitation Kugou music player code" href="https://www.php.cn/toolset/js-special-effects/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Classic html5 pushing box game" href="https://www.php.cn/toolset/js-special-effects/8066">[html5 special effects] Classic html5 pushing box game</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery scrolling to add or reduce image effects" href="https://www.php.cn/toolset/js-special-effects/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 personal album cover hover zoom effect" href="https://www.php.cn/toolset/js-special-effects/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8328" title="Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" title="Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" title="Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" title="Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" title="Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" title="Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" title="IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" title="Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3078" target="_blank" title="Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3077" target="_blank" title="Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3076" target="_blank" title="Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3075" target="_blank" title="Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3074" target="_blank" title="Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3073" target="_blank" title="Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3072" target="_blank" title="Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-materials/3071" target="_blank" title="Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (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="https://www.php.cn/toolset/website-source-code/8328" target="_blank" title="Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8327" target="_blank" title="Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8326" target="_blank" title="Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8325" target="_blank" title="Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8323" target="_blank" title="Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8322" target="_blank" title="IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/toolset/website-source-code/8321" target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.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> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training，Help PHP learners grow quickly！</p> </div> <div class="footermid"> <a href="https://www.php.cn/about/us.html">About us</a> <a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="https://www.php.cn/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <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> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1742110235"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>  <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', '9']); 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>  </body> </html>