PHPで検証コード機能を実装する方法

WJ
リリース: 2023-03-01 09:18:01
オリジナル
3134 人が閲覧しました

PHPで検証コード機能を実装する方法

フォームに検証コードを実装することが増えてきましたが、jsで書かれた検証コードはいつも不便に感じたので、PHPで検証コードを実装する方法を学びました。そうですね、実際には何もすることがなかったのですが、時間を無駄にしたくなかったので、PHP で検証コードを実装する方法を学びました。ことわざにあるように、スキルが多すぎても負担にはなりません。さらに、関数にカプセル化することもできるので、将来の使用に非常に便利です(もちろん、今はカプセル化されていません)。

PHPで検証コード機能を実装する方法

次に、単純な純粋な数値検証コードについて説明します。

初心者の場合は、私のコードのコメント //番号に従うことをお勧めします。一歩ずつ。最も簡単な方法は、コード全体をコピーすることです。

: コードを入力する前に、dg2 ライブラリを開く必要があります。

新しい captcha.php を作成します:

设置session,必须处于脚本最顶部
  session_start();
  $image = imagecreatetruecolor(100, 30);    //1>设置验证码图片大小的函数
  //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);
  $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
  //6>区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色
  imagefill($image, 0, 0, $bgcolor);
  //10>设置变量
  $captcha_code = "";
  //7>生成随机数字
  for($i=0;$i<4;$i++){
    //设置字体大小
    $fontsize = 6;   
    //设置字体颜色,随机颜色
    $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120));      //0-120深颜色
    //设置数字
    $fontcontent = rand(0,9);
    //10>.=连续定义变量
    $captcha_code .= $fontcontent; 
    //设置坐标
    $x = ($i*100/4)+rand(5,10);
    $y = rand(5,10);
    imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);
  }
  //10>存到session
  $_SESSION['authcode'] = $captcha_code;
  //8>增加干扰元素,设置雪花点
  for($i=0;$i<200;$i++){
    //设置点的颜色,50-200颜色比数字浅,不干扰阅读
    $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200));   
    //imagesetpixel — 画一个单一像素
    imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);
  }
  //9>增加干扰元素,设置横线
  for($i=0;$i<4;$i++){
    //设置线的颜色
    $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220));
    //设置线,两点一线
    imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor);
  }
  //2>设置头部,image/png
  header('Content-Type: image/png');
  //3>imagepng() 建立png图形函数
  imagepng($image);
  //4>imagedestroy() 结束图形函数 销毁$image
  imagedestroy($image);
ログイン後にコピー

次に、静的ページのコードが続きます:index.html



  
    
    确认验证码title>
  head>
  <body>
    <form method="post" action="./form.php">
      <p>验证码: <img  id="captcha_img" border='1' src='./captcha.php?r=echo rand(); ? alt="PHPで検証コード機能を実装する方法" >'   style="max-width:90%" />
        <a href="javascript:void(0)" onclick="document.getElementById('captcha_img').src='./captcha.php?r='+Math.random()">换一个?a>
      p>
      <P>请输入验证码:<input type="text" name='authcode' value=''/>p>
      <p><input type='submit' value='提交' style='padding:6px 5px;'/>p> 
  </body>
</html></pre><div class="contentsignin">ログイン後にコピー</div></div><p>index.html からわかるように、 , 送信されたフォームは form.php に行くので、判定 form.php のコードもあります </p>#<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">php
  header("Content-Type:text/html;charset=utf-8");      //设置头部信息
  //isset()检测变量是否设置
  if(isset($_REQUEST['authcode'])){
    session_start();
    //strtolower()小写函数
    if(strtolower($_REQUEST['authcode'])== $_SESSION['authcode']){
      //跳转页面
      echo "<script language=\"javascript\">";
      echo "document.location=\"./form.php\"";
      echo "</script>";
    }else{
      //提示以及跳转页面
      echo "<script language=\"javascript\">";
      echo "alert('输入错误!');";
      echo "document.location=\"./form.php\"";
      echo "</script>";
    }
    exit();
  }</pre><div class="contentsignin">ログイン後にコピー</div></div><p>表示ページは次のとおりです:</p><p><img src="https://img.php.cn/upload/image/224/526/313/1590743586487095.png" title="1590743586487095.png" alt="PHPで検証コード機能を実装する方法"/></p><p>次に、純粋な数値を実装すると、英語に数値を追加するのは難しくないはずです。変更するコードは、captcha.php の //7>generate Random Numbers を次のように変更するだけです。
//7> ランダムな文字と数字を生成します。もしあなたが本当に可愛くて、これらの単語を変更することでそれを実現できると思うなら、おめでとうございます、あなたはいつも幸せになるでしょう。脳に障害のある子供たちはとても楽しんでいます。 </p><p>これ以上ナンセンスではありません。コードを取り出してみましょう。 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">php
  //10>设置session,必须处于脚本最顶部
  session_start();
 
  $image = imagecreatetruecolor(100, 30);    //1>设置验证码图片大小的函数
  //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);
  $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
  //6>区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色
  imagefill($image, 0, 0, $bgcolor);
  //10>设置变量
  $captcha_code = "";
  //7>生成随机的字母和数字
  for($i=0;$i<4;$i++){
    //设置字体大小
    $fontsize = 8;   
    //设置字体颜色,随机颜色
    $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120));      //0-120深颜色
    //设置需要随机取的值,去掉容易出错的值如0和o
    $data ='abcdefghigkmnpqrstuvwxy3456789';
    //取出值,字符串截取方法  strlen获取字符串长度
    $fontcontent = substr($data, rand(0,strlen($data)),1);
    //10>.=连续定义变量
    $captcha_code .= $fontcontent;   
    //设置坐标
    $x = ($i*100/4)+rand(5,10);
    $y = rand(5,10);
 
    imagestring($image,$fontsize,$x,$y,$fontcontent,$fontcolor);
  }
  //10>存到session
  $_SESSION['authcode'] = $captcha_code;
  //8>增加干扰元素,设置雪花点
  for($i=0;$i<200;$i++){
    //设置点的颜色,50-200颜色比数字浅,不干扰阅读
    $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200));   
    //imagesetpixel — 画一个单一像素
    imagesetpixel($image, rand(1,99), rand(1,29), $pointcolor);
  }
  //9>增加干扰元素,设置横线
  for($i=0;$i<4;$i++){
    //设置线的颜色
    $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220));
    //设置线,两点一线
    imageline($image,rand(1,99), rand(1,29),rand(1,99), rand(1,29),$linecolor);
  }
 
  //2>设置头部,image/png
  header('Content-Type: image/png');
  //3>imagepng() 建立png图形函数
  imagepng($image);
  //4>imagedestroy() 结束图形函数 销毁$image
  imagedestroy($image);</pre><div class="contentsignin">ログイン後にコピー</div></div><p>他の 2 ページは変更できません。 </p><p><img src="https://img.php.cn/upload/image/128/821/438/1590743698644073.png" title="1590743698644073.png" alt="PHPで検証コード機能を実装する方法"/></p><p> 一般的に言えば、今のところはこれで十分です。しかし、アニメと同じように、必ずエキストラが存在します。 </p><p>それでは、漢字を使ったサイドストーリーをやってみましょう。実は私も卒業制作に漢字認証コードを入れようと考えているんですが、今スライド認証コードが流行っているんですが、結局のところ私はjsの学習に特化していないんです。 </p><p>さらに、弁護側の教師に、私たちの確認コードには資料は必要なく、写真も生成されるため、自分の知識で 13 歳のふりをすることは何もない、と伝えることもできます。 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">php
  //11>设置session,必须处于脚本最顶部
  session_start();
  //1>设置验证码图片大小的函数
  $image = imagecreatetruecolor(200, 60);   
  //5>设置验证码颜色 imagecolorallocate(int im, int red, int green, int blue);
  $bgcolor = imagecolorallocate($image,255,255,255); //#ffffff
  //6>区域填充 int imagefill(int im, int x, int y, int col) (x,y) 所在的区域着色,col 表示欲涂上的颜色
  imagefill($image, 0, 0, $bgcolor);
  //7>设置ttf字体
  $fontface = 'FZYTK.TTF';
  //7>设置字库,实现简单的数字储备
  $str='天地不仁以万物为刍狗圣人不仁以百姓为刍狗这句经常出现在控诉暴君暴政上地残暴不仁把万物都当成低贱的猪狗来看待而那些高高在上的所谓圣人们也没两样还不是把我们老百姓也当成猪狗不如的东西但实在正取的解读是地不情感用事对万物一视同仁圣人不情感用事对百姓一视同仁执子之手与子偕老当男女主人公含情脉脉看着对方说了句执子之手与子偕老女方泪眼朦胧含羞地回一句讨厌啦这样的情节我们是不是见过很多但是我们来看看这句的原句死生契阔与子成说执子之手与子偕老于嗟阔兮不我活兮于嗟洵兮不我信兮意思是说战士之间的约定说要一起死现在和我约定的人都走了我怎么活啊赤裸裸的兄弟江湖战友友谊啊形容好基友的基情比男女之间的爱情要合适很多吧';
  //str_split()切割字符串为一个数组,一个中文在utf_8为3个字符
  $strdb = str_split($str,3); 
  //>11
  $captcha_code = '';
  //8>生成随机的汉子
  for($i=0;$i<4;$i++){
    //设置字体颜色,随机颜色
    $fontcolor = imagecolorallocate($image, rand(0,120),rand(0,120), rand(0,120));      //0-120深颜色
    //随机选取中文
    $in = rand(0,count($strdb));
    $cn = $strdb[$in];
    //将中文记录到将保存到session的字符串中
    $captcha_code .= $cn;
    /*imagettftext (resource $image ,float $size ,float $angle ,int $x ,int $y,int $color,
    string $fontfile ,string $text ) 幕布 ,尺寸,角度,坐标,颜色,字体路径,文本字符串
    mt_rand()生成更好的随机数,比rand()快四倍*/
    imagettftext($image, mt_rand(20,24),mt_rand(-60,60),(40*$i+20),mt_rand(30,35),$fontcolor,$fontface,$cn);
  }
  //11>存到session
  $_SESSION['authcode'] = $captcha_code;
  //9>增加干扰元素,设置点
  for($i=0;$i<200;$i++){
    //设置点的颜色,50-200颜色比数字浅,不干扰阅读
    $pointcolor = imagecolorallocate($image,rand(50,200), rand(50,200), rand(50,200));   
    //imagesetpixel — 画一个单一像素
    imagesetpixel($image, rand(1,199), rand(1,59), $pointcolor);
  }
  //10>增加干扰元素,设置线
  for($i=0;$i<4;$i++){
    //设置线的颜色
    $linecolor = imagecolorallocate($image,rand(80,220), rand(80,220),rand(80,220));
    //设置线,两点一线
    imageline($image,rand(1,199), rand(1,59),rand(1,199), rand(1,59),$linecolor);
  }
 
  //2>设置头部,image/png
  header('Content-Type: image/png');
  //3>imagepng() 建立png图形函数
  imagepng($image);
  //4>imagedestroy() 结束图形函数 销毁$image
  imagedestroy($image);</pre><div class="contentsignin">ログイン後にコピー</div></div><p><img src="https://img.php.cn/upload/image/196/464/817/159074379592756PHP%E3%81%A7%E6%A4%9C%E8%A8%BC%E3%82%B3%E3%83%BC%E3%83%89%E6%A9%9F%E8%83%BD%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95" title="159074379592756PHPで検証コード機能を実装する方法" alt="PHPで検証コード機能を実装する方法"></p>
<p>上記は、PHP 数値検証コード、PHP 文字検証コード、PHP 漢字検証コードの実装に役立つこの記事の内容全体です。そうであってほしいと願っています。あなたの学習に役立ちます。 </p>
<p>関連資料:<a href="http://www.baidu.com" target="_blank">php中文网</a><br></p><p>以上がPHPで検証コード機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。</p>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>関連ラベル:</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ja/search?word=php" target="_blank">php</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/ja/search?word=検証コード" target="_blank">検証コード</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">ソース:php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="//m.sbmmt.com/ja/faq/450151.html" title="PHPの配列を文字列に変換する方法">
                        <span>前の記事:PHPの配列を文字列に変換する方法</span>
                    </a>
                                    <a href="//m.sbmmt.com/ja/faq/450154.html"  title="PHPで日付をタイムスタンプに変換する方法">
                        <span>次の記事:PHPで日付をタイムスタンプに変換する方法</span>
                    </a>
                            </div>
            <div class="wzconShengming">
                <!-- <img src="/static/images/images/benzhanshengming.png" /> -->
                <div class="bzsmdiv">このウェブサイトの声明</div>
                <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/ja/faq/451269.html">Redis データベースの詳細な入門チュートリアル</a>
                            </div>
                            <div>2020-06-10 17:42:55</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451263.html">PHPのエラー処理を詳しく解説</a>
                            </div>
                            <div>2023-04-08 20:50:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451258.html">phpでフォームデータが取得できない問題の解決方法</a>
                            </div>
                            <div>2023-03-01 14:24:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451257.html">PHPで取得したファイル名が文字化けする問題の解決方法</a>
                            </div>
                            <div>2023-03-01 14:22:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451248.html">PHPで文字エンコーディングを設定する方法</a>
                            </div>
                            <div>2023-03-01 14:18:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451247.html">クロスドメインリクエストを許可するようにphpを設定する方法</a>
                            </div>
                            <div>2023-03-01 14:16:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451246.html">PHPアップロードファイルのサイズ制限を設定する方法</a>
                            </div>
                            <div>2023-03-01 14:14:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451245.html">PHPでメモリサイズを設定する方法</a>
                            </div>
                            <div>2023-03-01 14:12:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451244.html">PHPページのタイムアウトを解決する方法</a>
                            </div>
                            <div>2023-03-01 14:10:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/ja/faq/451243.html">PHPで別のクラスファイルをロードする方法</a>
                            </div>
                            <div>2023-03-01 14:08:02</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">最新の問題</div>
                <div class="wdsyContent">
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/ja/wenda/173544.html"  target="_blank" title="PHPのwhileループを使用してIDごとにセクション内のデータをリストするにはどうすればよいですか?" class="wdcdcTitle">PHPのwhileループを使用してIDごとにセクション内のデータをリストするにはどうすればよいですか?</a>
                            <a href="//m.sbmmt.com/ja/wenda/173544.html" class="wdcdcCons">これらの列を持つ mysql テーブルがあります: series_id、series_color、product_name 出力では、次のように series_id ごとに 1 つ...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2023-11-17 20:03:03</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>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>290</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/ja/wenda/173533.html"  target="_blank" title="未定義関数 create_function() の呼び出し" class="wdcdcTitle">未定義関数 create_function() の呼び出し</a>
                            <a href="//m.sbmmt.com/ja/wenda/173533.html" class="wdcdcCons">Web サイトのホームページに次のメッセージが表示されます。 致命的なエラー: 捕捉されないエラー: /customers/7/e/7/jovobytes.be/httpd.www...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2023-11-16 19:00:36</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>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>277</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/ja/wenda/173519.html"  target="_blank" title="<?php //年、月、日を指定すると、その日付がその年の何日かを出力します (閏年は 4 100 400 であることに注意してください)" class="wdcdcTitle"><?php //年、月、日を指定すると、その日付がその年の何日かを出力します (閏年は 4 100 400 であることに注意してください)</a>
                            <a href="//m.sbmmt.com/ja/wenda/173519.html" class="wdcdcCons"><?php

// 年、月、日を指定すると、その日付がその年の何日かを出力します (閏年は 4 100 400 であることに注意してください)
//使用できる技術ルート...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2023-11-14 23:55:21</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>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>79</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/ja/wenda/173517.html"  target="_blank" title="PHP は Unicode スペースをトリミングします" class="wdcdcTitle">PHP は Unicode スペースをトリミングします</a>
                            <a href="//m.sbmmt.com/ja/wenda/173517.html" class="wdcdcCons">この文字のような Unicode スペースをトリミングしようとしていますが、このソリューションを使用してそれを行うことができました。この解決策の問題は、通常の文字間の Unicod...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2023-11-13 08:49:45</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>2</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>398</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/ja/wenda/173514.html"  target="_blank" title="TYPO3 V11: 「PHP 警告: 未定義の配列キー」、$this->request->getArguments() が空です" class="wdcdcTitle">TYPO3 V11: 「PHP 警告: 未定義の配列キー」、$this->request->getArguments() が空です</a>
                            <a href="//m.sbmmt.com/ja/wenda/173514.html" class="wdcdcCons">私は typo3 の新規ユーザーです。ユーザーを表示し、検索バーを使用してフィルターするプラグインを作成しましたが、ページを表示しようとすると、次のエラーが表示されます: (1/1...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> から 2023-11-12 21:35:09</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>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>362</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                    </div>
            </div>
            <div class="wzconZt" >
                <div class="wzczt-title">
                    <div>関連トピック</div>
                    <a href="//m.sbmmt.com/ja/faq/zt" target="_blank">詳細>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpwjzmdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120868901.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="phpファイルの開き方" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpwjzmdk" class="title-a-spanl" title="phpファイルの開き方"><span>phpファイルの開き方</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpzmqcszys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214004499289.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPで配列の最初のいくつかの要素を削除する方法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpzmqcszys" class="title-a-spanl" title="PHPで配列の最初のいくつかの要素を削除する方法"><span>PHPで配列の最初のいくつかの要素を削除する方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpfxlsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214003558557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPのデシリアライゼーションが失敗した場合の対処法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpfxlsb" class="title-a-spanl" title="PHPのデシリアライゼーションが失敗した場合の対処法"><span>PHPのデシリアライゼーションが失敗した場合の対処法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/ynxfpcfa"><img src="https://img.php.cn/upload/subject/202407/22/2024072214001524683.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="クローラーを防ぐにはどのような方法がありますか?" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/ynxfpcfa" class="title-a-spanl" title="クローラーを防ぐにはどのような方法がありますか?"><span>クローラーを防ぐにはどのような方法がありますか?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpljmssql"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560082376.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPをmssqlデータベースに接続する方法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpljmssql" class="title-a-spanl" title="PHPをmssqlデータベースに接続する方法"><span>PHPをmssqlデータベースに接続する方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpljmssqlsjk"><img src="https://img.php.cn/upload/subject/202407/22/2024072213555538594.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPをmssqlデータベースに接続する方法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpljmssqlsjk" class="title-a-spanl" title="PHPをmssqlデータベースに接続する方法"><span>PHPをmssqlデータベースに接続する方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlzmsc"><img src="https://img.php.cn/upload/subject/202407/22/2024072213512540557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTMLのアップロード方法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/htmlzmsc" class="title-a-spanl" title="HTMLのアップロード方法"><span>HTMLのアップロード方法</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpcxlmzmjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213494787127.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHPの文字化けを解決する方法" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/ja/faq/phpcxlmzmjj" class="title-a-spanl" title="PHPの文字化けを解決する方法"><span>PHPの文字化けを解決する方法</span> </a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="phpwzright">
        <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;" title="PHPでページを自動的に更新する方法" href="//m.sbmmt.com/ja/faq/430472.html">PHPでページを自動的に更新する方法</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="PHP関数ヘッダーの役割" href="//m.sbmmt.com/ja/faq/429462.html">PHP関数ヘッダーの役割</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="解凍コードとは何ですか?" href="//m.sbmmt.com/ja/faq/432783.html">解凍コードとは何ですか?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="Index.phpの開き方" href="//m.sbmmt.com/ja/faq/434045.html">Index.phpの開き方</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="プログラミングを学ぶのに最適な年齢は何歳ですか?" href="//m.sbmmt.com/ja/faq/496239.html">プログラミングを学ぶのに最適な年齢は何歳ですか?</a>
                                </div>
                            </li>
                                    </ul>
            </div>
        </div>
        <div class="wzrThree">
            <div class="wzrthree-title">
                <div>人気のチュートリアル</div>
                <a target="_blank" href="//m.sbmmt.com/ja/course.html">詳細>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">関連するチュートリアル <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">人気のおすすめ<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">最新のコース<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/ja/course/1049.html" title="ThinkPHP6.0 高速開発マニュアル(ケース編)" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253fa73c206e921.png" alt="ThinkPHP6.0 高速開発マニュアル(ケース編)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="ThinkPHP6.0 高速開発マニュアル(ケース編)" href="//m.sbmmt.com/ja/course/1049.html">ThinkPHP6.0 高速開発マニュアル(ケース編)</a>
                                    <div class="wzrthreerb">
                                        <div>926080 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="1049">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/812.html" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)" href="//m.sbmmt.com/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)</a>
                                <div class="wzrthreerb">
                                    <div >1387537 回の学習</div>
                                                                                <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/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" title="JAVA 初心者向けビデオチュートリアル" href="//m.sbmmt.com/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a>
                                <div class="wzrthreerb">
                                    <div >2299062 回の学習</div>
                                                                                <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/504.html" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル" href="//m.sbmmt.com/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオ チュートリアル</a>
                                <div class="wzrthreerb">
                                    <div >488213 回の学習</div>
                                                                                <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/901.html" title="Web フロントエンド開発の簡単な紹介" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web フロントエンド開発の簡単な紹介"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Web フロントエンド開発の簡単な紹介" href="//m.sbmmt.com/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a>
                                <div class="wzrthreerb">
                                    <div >212885 回の学習</div>
                                                                                <div class="courseICollection" data-id="901">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/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" title="PSビデオチュートリアルをゼロからマスターする" href="//m.sbmmt.com/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a>
                                <div class="wzrthreerb">
                                    <div >829633 回の学習</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="//m.sbmmt.com/ja/course/1648.html" title="[Web フロントエンド] Node.js クイック スタート" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web フロントエンド] Node.js クイック スタート"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="[Web フロントエンド] Node.js クイック スタート" href="//m.sbmmt.com/ja/course/1648.html">[Web フロントエンド] Node.js クイック スタート</a>
                                <div class="wzrthreerb">
                                    <div >2015 回の学習</div>
                                                                                <div class="courseICollection" data-id="1648">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/1647.html" title="海外のWeb開発フルスタックコースの完全なコレクション" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="海外のWeb開発フルスタックコースの完全なコレクション"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="海外のWeb開発フルスタックコースの完全なコレクション" href="//m.sbmmt.com/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a>
                                <div class="wzrthreerb">
                                    <div >1645 回の学習</div>
                                                                                <div class="courseICollection" data-id="1647">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/1646.html" title="Go言語実践GraphQL" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go言語実践GraphQL"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Go言語実践GraphQL" href="//m.sbmmt.com/ja/course/1646.html">Go言語実践GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >1338 回の学習</div>
                                                                                <div class="courseICollection" data-id="1646">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/1645.html" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W ファンマスターが JavaScript をゼロから段階的に学習します"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="550W ファンマスターが JavaScript をゼロから段階的に学習します" href="//m.sbmmt.com/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a>
                                <div class="wzrthreerb">
                                    <div >386 回の学習</div>
                                                                                <div class="courseICollection" data-id="1645">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/ja/course/1644.html" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる" href="//m.sbmmt.com/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a>
                                <div class="wzrthreerb">
                                    <div >7181 回の学習</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>最新のダウンロード</div>
                <a href="//m.sbmmt.com/ja/xiazai">詳細>
                </a>
            </div>
                        <script>
                $(document).ready(function(){
                    var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
                        speed:1000,
                        autoplay:{
                            delay:3500,
                            disableOnInteraction: false,
                        },
                        pagination:{
                            el:'.sjyx_banSwiperwz .swiper-pagination',
                            clickable :false,
                        },
                        loop:true
                    })
                })
            </script>
            <div class="wzrfourList swiper3">
                <div class="wzrfourlTab swiper-wrapper">
                    <div class="check swiper-slide" data-id="onef">ウェブエフェクト <div></div></div>
                    <div class="swiper-slide" data-id="twof">公式サイト<div></div></div>
                    <div class="swiper-slide" data-id="threef">サイト素材<div></div></div>
                    <div class="swiper-slide" 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/ja/xiazai/js/8071">[フォームボタン] jQuery エンタープライズ メッセージ フォームの連絡先コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 MP3 オルゴール再生効果" href="//m.sbmmt.com/ja/xiazai/js/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果" href="//m.sbmmt.com/ja/xiazai/js/8069">[メニューナビゲーション] HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード" href="//m.sbmmt.com/ja/xiazai/js/8068">[フォームボタン] jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="VUE.JS 模倣 Kugou 音楽プレーヤー コード" href="//m.sbmmt.com/ja/xiazai/js/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤー コード</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="古典的な HTML5 プッシュ ボックス ゲーム" href="//m.sbmmt.com/ja/xiazai/js/8066">[html5特殊効果] 古典的な HTML5 プッシュ ボックス ゲーム</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="画像効果を追加または削減するための jQuery スクロール" href="//m.sbmmt.com/ja/xiazai/js/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="CSS3 個人アルバム カバー ホバー ズーム効果" href="//m.sbmmt.com/ja/xiazai/js/8064">[フォトアルバム効果] CSS3 個人アルバム カバー ホバー ズーム効果</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="twof" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8328" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8327" title="フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8326" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8325" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8324" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8323" title="オンライン電子書籍ストア モールのウェブサイト テンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8322" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します" target="_blank">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8321" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</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/ja/xiazai/sucai/3078"  target="_blank"  title="かわいい夏の要素のベクター素材 (EPS+PNG)">[PNG素材] かわいい夏の要素のベクター素材 (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/sucai/3077"  target="_blank"  title="4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)">[PNG素材] 4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/sucai/3076"  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/ja/xiazai/sucai/3075"  target="_blank"  title="金色の卒業帽ベクター素材(EPS+PNG)">[PNG素材] 金色の卒業帽ベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/sucai/3074"  target="_blank"  title="黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)">[PNG素材] 黒と白のスタイルの山アイコン ベクター素材 (EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/sucai/3073"  target="_blank"  title="異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)">[PNG素材] 異なる色のマントと異なるポーズを持つスーパーヒーローのシルエットベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/sucai/3072"  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/ja/xiazai/sucai/3071"  target="_blank"  title="9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)">[PNG素材] 9つのコミックスタイルの爆発するチャットバブルベクター素材(EPS+PNG)</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="fourf" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8328"  target="_blank" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8327"  target="_blank" title="フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8326"  target="_blank" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8325"  target="_blank" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8324"  target="_blank" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8323"  target="_blank" title="オンライン電子書籍ストア モールのウェブサイト テンプレート">[フロントエンドテンプレート] オンライン電子書籍ストア モールのウェブサイト テンプレート</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8322"  target="_blank" title="IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します">[フロントエンドテンプレート] IT テクノロジーがインターネット企業の Web サイト テンプレートを解決します</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/ja/xiazai/code/8321"  target="_blank" title="パープルスタイル外国為替取引サービスウェブサイトテンプレート">[フロントエンドテンプレート] パープルスタイル外国為替取引サービスウェブサイトテンプレート</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>
<div class="phpFoot">
    <div class="phpFootIn">
        <div class="phpFootCont">
            <div class="phpFootLeft">
                <dl>
                    <dt>
                        <a href="//m.sbmmt.com/ja/about/us.html" rel="nofollow" target="_blank" title="私たちについて" class="cBlack">私たちについて</a>
                        <a href="//m.sbmmt.com/ja/about/disclaimer.html" rel="nofollow" target="_blank" title="免責事項" class="cBlack">免責事項</a>
                        <a href="//m.sbmmt.com/ja/update/article_0_1.html"   target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
                        <div class="clear"></div>
                    </dt>
                    <dd class="cont1">PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!</dd>
                </dl>
              
            </div>
        </div>
    </div>
    </div>

<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?1721806140"></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>
</body>
</html>