PHP 検証コードがセッションと同期していません-PHPチュートリアル-php.cn

この投稿は mclubing によって最終編集されました: 2012-06-14 16:13:53

<?php	session_start();//将随机数存入session中	srand((double)microtime()*1000000);//播下一个生成随机数字的种子，以方便下面随机数生成的使用	$im = imagecreate(62,20); //制定图片背景大小	$black = ImageColorAllocate($im, 0,0,0); //设定三种颜色	$white = ImageColorAllocate($im, 255,255,255);	$gray = ImageColorAllocate($im, 200,200,200);	imagefill($im,0,0,$gray); //采用区域填充法，设定（0,0）	while(($authnum=rand()%100000)<10000);	$_SESSION['authnum']=$authnum;	//将四位整数验证码绘入图片	imagestring($im, 5, 10, 3, $authnum, $black);	// 用 col 颜色将字符串 s 画到 image 所代表的图像的 x，y 座标处（图像的左上角为 0, 0）。	//如果 font 是 1，2，3，4 或 5，则使用内置字体	for($i=0;$i<200;$i++) //加入干扰象素	{		$randcolor = ImageColorallocate($im,rand(0,255),rand(0,255),rand(0,255));		imagesetpixel($im, rand()%70 , rand()%30 , $randcolor);	}	Header("Content-type: image/PNG");	ImagePNG($im);	ImageDestroy($im);?>

ログイン後にコピー

以下はフロントエンドコードです

<?php	session_start();?><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />		<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>		<script type="text/javascript">		</script>	</head>	<body>		<div id="main" style="position:absolute; top:22%; left:26%; width:600px; height:400px; background-color:#BCBCBC;">			<img alt="全球通" src="..." /><h2 style="position:absolute; top:1%; left:15%;">全球通俱乐部</h2>			<div style="position:absolute; top:19%; left:19%; width:400px; height:250px; background-color:#949494">				<h4 style="position:absolute; top:0%; left:25%;">全球通俱乐部会所后台</h4>				<div style="position:absolute; top:20%; left:14%; width:290px; height:160px;">					<form action="<{}>">						<table>							<tr>								<td style="text-align:right;">会所账号:</td>								<td><input name="username"/></td>							</tr>							<tr>								<td style="text-align:right;">密码:</td>								<td><input name="password" type="password"/></td>							</tr>							<tr>								<td style="text-align:right;">验证码:</td>								<td><input id="checkimg" name="checkcode" onkeyup="check()" style="width:60px"><img alt="点击可刷新" style="cursor:pointer; position:absolute; top:35%; left:55%;" src="checkcode.php" onClick="this.src='checkcode.php'+'?a'+'='+new Date().getTime()"></img></td>							</tr>						</table>					</form>					<?php echo $_SESSION['authnum'];//这里的输出老慢一拍 ?>				</div>			</div>		</div>	</body></html>

ログイン後にコピー

ディスカッション (解決策) への返信

とても興味深いですね、ポスターは自分自身を混乱させています。

なぜこの Web ページにセッションが必要なのですか?

確認コードの画像に SESSION があり、フォームを送信するページで SESSION を使用しているのは、自分が愚かであることを証明するためですか?

投稿者の希望に関係なく、まず問題を見てみましょう

while(($authnum=rand()%100000)<10000);
$_SESSION['authnum']=$authnum;
これは SESSION を意味します。変数の割り当ては条件付きです。生成した乱数が条件を満たさない場合、認証番号は前回から保存されますが、後続のコードは出力されるため、出力は確実に同期されません。

PHP コード

session_start();//乱数をセッションに保存
srand((double)microtime()*1000000);// 使いやすいように乱数を生成するシードをまきます以下の乱数生成
$im = imagecreate(62,20); //画像の背景サイズを設定します
$black = ImageColorAlloca...

実行順序の問題。更新されるたびに、最後の $authnum が取得されるのは、自分で考えてみればわかります。

質問に真剣に答える人はほんのわずかです。

私は投稿者の意味を理解しています。

//  楼主是不是理解为  <td><input id="checkimg" name="checkcode" onkeyup="check()" style="width:60px"><img alt="点击可刷新" style="cursor:pointer; position:absolute; top:35%; left:55%;" src="checkcode.php" onClick="this.src='checkcode.php'+'?a'+'='+new Date().getTime()"></img></td>//此td先执行，那么肯定session 也改变了。然后  <?php echo $_SESSION['authnum'];//这里的输出老慢一拍 ?>//上面session肯定也是td里的session//------------------------------------------------------//其实你可以做个测试，按你的理解，td上面放 echo session和下面放 echo session 肯定是不一样的//那么你在td上面也放一个,看看他们是否不一致。<?php echo $_SESSION['authnum'];//这里的输出老慢一拍 ?>

ログイン後にコピー

元の投稿者の意味が分かりました。 PHP コード

// 元の投稿者はこれを
として理解していますかクリックして更新 5 階からの引用返信:

PHP コードの意味を理解しました

// 投稿者はそれを
フロントエンドコード
session_start(); // セッション変数値を取得します
....
echo $_SESSION['authnum']; // ここでの出力は、上記で取得したものです
この作業は、フロントエンドコード全体が到着しましたブラウザ
と
を開くと完了していますクリックして更新
checkcode.phpブラウザ内で画像が読み取られます
明らかに、checkcode.php で生成されたセッションデータは、ページに表示されるものよりも遅れます

フロントエンドコード
Session_start();// セッション変数値を取得します
....
echo $_SESSION[' authnum'];//ここでの出力は上記で取得したものです
この作業は、フロントエンドコード全体がブラウザに到達する前に完了します
そして
Click更新するにはそれを解決するには?

私も以前にこの問題に遭遇し、後で解決しましたが、どこを変更したか覚えていません。证验

yzm.php
& & lt;? PHP

// 検証コード画像を生成
session_start () *1000000); im = imagecreate(50,25);//画像の幅と高さを設定します
$black = ImageColorAllocate($im, 0,0,0);//背景色を設定します
$white = ImageColorAllocate( $im, 255,255,255);//文字色を設定
$gray = ImageColorAllocate($im, 200,200,200);//干渉色
imagefill($im,50,25,$gray)
while(($chk_num=rand( )%10000) )<1000);
$_SESSION["chk_num"] = $chk_num;

// 4 桁の整数の検証コードを画像に描画します
imagestring($im, 15, 5, 1,$chk_num, $white );//5、5、1 はそれぞれフォントサイズ、左マージン、上マージンとして表されます
for($i=0;$i<100;$i++) //干渉ピクセルを追加します
{
imagesetpixel($im) 、 rand()%70 、 rand()%30 、 $gray);
ImagePNG($im);

?>
フロントデスク
< head>
検証コード判定</head> <br> <form "action="yanzhengma.php"> span>評価したい:</span></h3> <br> <br> <input type="hidden" name="guestbook[username]" id="guestbook[username]" value="{$title} " /> <br> <input type="hidden" value="{$contentid}" name="ゲストブック[タイトル]" id="ゲストブック[タイトル]"/> <br> <textarea name="ゲストブック[コンテンツ] ] "cols="80" rows="7" class="text" id="contentid"></textarea><br> <br> <br> 確認コードを入力してください:<input type="text" name =" yzm" id="yzm" > <br> <br> <img src="yzm.php" id="checkcode" onClick="this.src='yzm.php?id='+Math.random()* 5; " style="cursor:pointer;" alt="確認コードがよく見えませんか? クリックして確認コードを更新してください" align="absmiddle"/><br> <br> <input type= "submit" name="dosubmit " value="Submit"/> <br> <input type="reset" value="リセット"/> <br> <br> error_reporting(0); ; <br> <br> if (isset ($_POST['dosubmit'])) <br> { <br> if ($_POST['yzm'] == $_SESSION["chk_num"]) <br> { <br> echo "<br>"。確認コードは正しいです"; <br> } <br> else <br> { <br> echo "<br>"."確認コードエラー"; <br /> } <br /> <br /> } <br /> ?> <br> <br> </form> <br> </body> <br> < ;/html> <br> <br> <br> 作成者はそれをチェックして、問題がどこにあるのかを確認できます<br> <br> <br> <br> フォームを送信するときに正しい確認コードを取得する必要があります<br> <br>フォーム<br> どこが間違っているかはすでにわかっていますが、それを解決する方法がわかりません。エラーの理由は、ブラウザが最初にHTMLコードをロードしてから画像をロードするため、画像の撮影が遅くなるからです。画像はセッション後にロードされます <br></p> <p class="sougouAnswer"> 11階さんの返信より引用: <br> フォーム送信時に正しい認証コードを取得するはずです<br> エラーの場所はすでにわかっていますが、解決方法がわかりません。ブラウザは最初に HTML コードをロードし、次に写真をロードします。写真はセッション後にロードされるため、写真の撮影に時間がかかります <br> <br> なぜ現在の写真の情報を知る必要があるのですか?認証コードを実行するときは、入力した認証コードが画像のものと一致しているかどうかを確認する必要があります。それはフォームを送信することで判断できます。 <br> <br> マークは明日職場でそれを見る予定です。 </p> <p class="sougouAnswer"> 14 階の返信からの引用: </p> <p class="sougouAnswer"> 11 階の返信からの引用: <br> <br> フォームを送信するときに正しい確認コードを取得する必要があるはずです<br> <br> エラーがどこにあるのかはすでにわかっていますが、方法がわかりませんエラーの理由は、ブラウザが最初に HTML コードをロードしてから画像をロードするためです。画像はセッション後にロードされるため、画像が遅くなります <br> <br> <br> なぜ情報を知る必要があるのですか。現在のイメージは？確認コードを実行するときは、入力した確認コードが画像のものと一致しているかどうかを確認する必要があります。フォームを送信する限り... <br> フロントエンドの ajax <br> <br> は少し遅くなります。間違った使い方です。HTML ページ内で検証コードが参照されており、このとき php を使用して出力するため、php 出力よりもページ出力の方が高速です。これは間違っています。 </p> if($_SERVER["REQUEST_METHOD"] == "POST") <p class="sougouAnswer"> { <br> <br> echo "サーバーに送信されました" .$_SESSION["VerifyCode"] ."これが入力されました" .$_POST["getcode"]; <br> これは同期されています。ポストバック後のセッションと同じhtmlの検証コード。 2 つが等しいかどうかを確認し、<br> <br> も同様の問題に遭遇し、<br> </p> 検証のためにフォーム検証情報を別のページに送信しました。このページでは行わないでください。 <p class="sougouAnswer"></p> </div> </div> <div style="display: flex;"> <div class="wzconBq" style="display: inline-flex;"> <span>関連ラベル：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ja/search?word=php验证码与session不同步" target="_blank">PHP验证码与session不同步</a> </div> </div>  </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ja/faq/264568.html" title="[オンライン待機中] phpMyAdmin ログインエラー"> <span>前の記事：[オンライン待機中] phpMyAdmin ログインエラー</span> </a> <a href="https://www.php.cn/ja/faq/264570.html" title="PHP接続のmysqlエラーをキャッチする方法"> <span>次の記事：PHP接続のmysqlエラーをキャッチする方法</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">このウェブサイトの声明</div> <div>この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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">著者別の最新記事</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796639331.html">NullPointerException とは何ですか?どのように修正すればよいですか?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796629482.html">初心者からプログラマーへ: 旅は C の基礎から始まります</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796628545.html">PHP による Web 開発のロックを解除する: 初心者ガイド</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627928.html">C の謎を解く: 新人プログラマーのための明確でシンプルな道</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627806.html">コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627670.html">内なるプログラマーを解き放つ: まったくの初心者のための C</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627643.html">C で生活を自動化する: 初心者向けのスクリプトとツール</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627620.html">PHP を簡単に: Web 開発の最初のステップ</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627574.html">Python で何でも構築: 創造性を解き放つための初心者ガイド</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ja/faq/1796627539.html">コーディングの鍵: 初心者のための Python の力を解き放つ</a> </div> <div>2024-10-11 12:17:31</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="https://www.php.cn/ja/wenda/.html" target="_blank" title="リモートウェアハウスを git に追加した後、プッシュできません" class="wdcdcTitle">リモートウェアハウスを git に追加した後、プッシュできません</a> <a href="https://www.php.cn/ja/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 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/ja/wenda/.html" target="_blank" title="Objective-C のブロックと Swift のクロージャの違いは何ですか?" class="wdcdcTitle">Objective-C のブロックと Swift のクロージャの違いは何ですか?</a> <a href="https://www.php.cn/ja/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 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/ja/wenda/.html" target="_blank" title="github - git は特定のサフィックスを除くすべてのファイルを無視できますか" class="wdcdcTitle">github - git は特定のサフィックスを除くすべてのファイルを無視できますか</a> <a href="https://www.php.cn/ja/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 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/ja/wenda/.html" target="_blank" title="object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？" class="wdcdcTitle">object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？</a> <a href="https://www.php.cn/ja/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 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/ja/wenda/.html" target="_blank" title="bash での git 完了エラー" class="wdcdcTitle">bash での git 完了エラー</a> <a href="https://www.php.cn/ja/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 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>関連トピック</div> <a href="https://www.php.cn/ja/faq/zt" target="_blank">詳細> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/hbwmmbtbdjc"><img src="https://img.php.cn/upload/subject/202407/22/2024072212184946441.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Huobi.com でのビットコインの売買に関するチュートリアル" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/hbwmmbtbdjc" class="title-a-spanl" title="Huobi.com でのビットコインの売買に関するチュートリアル"><span>Huobi.com でのビットコインの売買に関するチュートリアル</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/oyjyptapp"><img src="https://img.php.cn/upload/subject/202407/22/2024072212281213780.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Ouyi取引プラットフォームアプリ" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/oyjyptapp" class="title-a-spanl" title="Ouyi取引プラットフォームアプリ"><span>Ouyi取引プラットフォームアプリ</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/cpusyl"><img src="https://img.php.cn/upload/subject/202407/22/2024072214405663402.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="CPU使用率" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/cpusyl" class="title-a-spanl" title="CPU使用率"><span>CPU使用率</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/dyrhckxzjl"><img src="https://img.php.cn/upload/subject/202407/22/2024072212101331190.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="TikTokでダウンロード履歴を確認する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/dyrhckxzjl" class="title-a-spanl" title="TikTokでダウンロード履歴を確認する方法"><span>TikTokでダウンロード履歴を確認する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/filbjgjrhq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213224330099.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="今日のフィルコインの価格" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/filbjgjrhq" class="title-a-spanl" title="今日のフィルコインの価格"><span>今日のフィルコインの価格</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/javazdhchxzfj"><img src="https://img.php.cn/upload/subject/202407/22/2024072212190354411.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Java のキャリッジリターンとラインフィード文字の概要" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/javazdhchxzfj" class="title-a-spanl" title="Java のキャリッジリターンとラインフィード文字の概要"><span>Java のキャリッジリターンとラインフィード文字の概要</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/vlookupppllsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214235180702.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vlookup は 2 つの列のデータと一致します" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/vlookupppllsj" class="title-a-spanl" title="vlookup は 2 つの列のデータと一致します"><span>vlookup は 2 つの列のデータと一致します</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/ymjcxtynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072213575266645.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ドメイン名エラー修正システムとは何ですか?" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/ymjcxtynx" class="title-a-spanl" title="ドメイン名エラー修正システムとは何ですか?"><span>ドメイン名エラー修正システムとは何ですか?</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">人気のおすすめ</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)" href="https://www.php.cn/ja/faq/448310.html">Mac コンピュータでホストをセットアップする方法 (画像とテキスト付きの手順)</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP を使用してシンプルな QQ ロボットをすばやく構築する" href="https://www.php.cn/ja/faq/448391.html">PHP を使用してシンプルな QQ ロボットをすばやく構築する</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="API共通の署名検証方法（PHP実装）" href="https://www.php.cn/ja/faq/448286.html">API共通の署名検証方法（PHP実装）</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP における一般的な日付と時刻の操作のコレクション" href="https://www.php.cn/ja/faq/448309.html">PHP における一般的な日付と時刻の操作のコレクション</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="PHP はグラフィック検証コードを生成します (拡張干渉タイプ)" href="https://www.php.cn/ja/faq/448308.html">PHP はグラフィック検証コードを生成します (拡張干渉タイプ)</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>人気のチュートリアル</div> <a target="_blank" href="https://www.php.cn/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="https://www.php.cn/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="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース)</a> <div class="wzrthreerb"> <div>1432021 <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/ja/course/74.html" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ" href="https://www.php.cn/ja/course/74.html">PHP 入門チュートリアル 1: 1 週間で PHP を学ぶ</a> <div class="wzrthreerb"> <div>4286590 <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/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="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div>2615931 <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/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="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル</a> <div class="wzrthreerb"> <div>513311 <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/ja/course/2.html" title="PHP ゼロベースの入門チュートリアル" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP ゼロベースの入門チュートリアル"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP ゼロベースの入門チュートリアル" href="https://www.php.cn/ja/course/2.html">PHP ゼロベースの入門チュートリアル</a> <div class="wzrthreerb"> <div>872261 <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/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="https://www.php.cn/ja/course/812.html">最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライントレーニングコース)</a> <div class="wzrthreerb"> <div >1432021 回の学習</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/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="https://www.php.cn/ja/course/286.html">JAVA 初心者向けビデオチュートリアル</a> <div class="wzrthreerb"> <div >2615931 回の学習</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/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="https://www.php.cn/ja/course/504.html">Little Turtle のゼロベースの Python 学習入門ビデオチュートリアル</a> <div class="wzrthreerb"> <div >513311 回の学習</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/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="https://www.php.cn/ja/course/901.html">Web フロントエンド開発の簡単な紹介</a> <div class="wzrthreerb"> <div >216652 回の学習</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/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="https://www.php.cn/ja/course/234.html">PSビデオチュートリアルをゼロからマスターする</a> <div class="wzrthreerb"> <div >910178 回の学習</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/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="https://www.php.cn/ja/course/1648.html">[Web フロントエンド] Node.js クイックスタート</a> <div class="wzrthreerb"> <div >8876 回の学習</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/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="https://www.php.cn/ja/course/1647.html">海外のWeb開発フルスタックコースの完全なコレクション</a> <div class="wzrthreerb"> <div >7070 回の学習</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/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="https://www.php.cn/ja/course/1646.html">Go言語実践GraphQL</a> <div class="wzrthreerb"> <div >6040 回の学習</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/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="https://www.php.cn/ja/course/1645.html">550W ファンマスターが JavaScript をゼロから段階的に学習します</a> <div class="wzrthreerb"> <div >784 回の学習</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/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="https://www.php.cn/ja/course/1644.html">Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる</a> <div class="wzrthreerb"> <div >30103 回の学習</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="https://www.php.cn/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="https://www.php.cn/ja/toolset/js-special-effects/8071">[フォームボタン] jQuery エンタープライズメッセージフォームの連絡先コード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 オルゴール再生効果" href="https://www.php.cn/ja/toolset/js-special-effects/8070">[プレイヤーの特殊効果] HTML5 MP3 オルゴール再生効果</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果" href="https://www.php.cn/ja/toolset/js-special-effects/8069">[メニューナビゲーション] HTML5 クールなパーティクルアニメーションナビゲーションメニューの特殊効果</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery ビジュアルフォームのドラッグアンドドロップ編集コード" href="https://www.php.cn/ja/toolset/js-special-effects/8068">[フォームボタン] jQuery ビジュアルフォームのドラッグアンドドロップ編集コード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 模倣 Kugou 音楽プレーヤーコード" href="https://www.php.cn/ja/toolset/js-special-effects/8067">[プレイヤーの特殊効果] VUE.JS 模倣 Kugou 音楽プレーヤーコード</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="古典的な HTML5 プッシュボックスゲーム" href="https://www.php.cn/ja/toolset/js-special-effects/8066">[html5特殊効果] 古典的な HTML5 プッシュボックスゲーム</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="画像効果を追加または削減するための jQuery スクロール" href="https://www.php.cn/ja/toolset/js-special-effects/8065">[画像の特殊効果] 画像効果を追加または削減するための jQuery スクロール</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 個人アルバムカバーホバーズーム効果" href="https://www.php.cn/ja/toolset/js-special-effects/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="https://www.php.cn/ja/toolset/website-source-code/8328" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8327" title="フレッシュカラーの個人履歴書ガイドページテンプレート" target="_blank">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8326" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート" target="_blank">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8325" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート" target="_blank">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8324" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート" target="_blank">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8323" title="オンライン電子書籍ストアモールのウェブサイトテンプレート" target="_blank">[フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-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="https://www.php.cn/ja/toolset/website-source-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="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-materials/3076" target="_blank" title="歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）">[バナー画像] 歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-materials/3072" target="_blank" title="フラットスタイルの植樹祭バナーベクター素材 (AI+EPS)">[バナー画像] フラットスタイルの植樹祭バナーベクター素材 (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-materials/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="https://www.php.cn/ja/toolset/website-source-code/8328" target="_blank" title="室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8327" target="_blank" title="フレッシュカラーの個人履歴書ガイドページテンプレート">[フロントエンドテンプレート] フレッシュカラーの個人履歴書ガイドページテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8326" target="_blank" title="デザイナーのクリエイティブな仕事の履歴書 Web テンプレート">[フロントエンドテンプレート] デザイナーのクリエイティブな仕事の履歴書 Web テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8325" target="_blank" title="現代のエンジニアリング建設会社のウェブサイトのテンプレート">[フロントエンドテンプレート] 現代のエンジニアリング建設会社のウェブサイトのテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8324" target="_blank" title="教育サービス機関向けのレスポンシブ HTML5 テンプレート">[フロントエンドテンプレート] 教育サービス機関向けのレスポンシブ HTML5 テンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-code/8323" target="_blank" title="オンライン電子書籍ストアモールのウェブサイトテンプレート">[フロントエンドテンプレート] オンライン電子書籍ストアモールのウェブサイトテンプレート</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ja/toolset/website-source-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="https://www.php.cn/ja/toolset/website-source-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> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！</p> </div> <div class="footermid"> <a href="https://www.php.cn/ja/about/us.html">私たちについて</a> <a href="https://www.php.cn/ja/about/disclaimer.html">免責事項</a> <a href="https://www.php.cn/ja/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?1738975473"></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>