コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jquery.qrcode を使用してページ上に QR コードを生成し、 Chinese_jquery をサポートします

jquery.qrcode を使用してページ上に QR コードを生成し、 Chinese_jquery をサポートします

WBOY
リリース： 2016-05-16 17:00:45
オリジナル
1392 人が閲覧しました
例は次のとおりです。
コードをコピー コードは次のとおりです:




jquery-qrcode を使用して QR コードを生成します。中国語をサポートします< /title><br> <script src="../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script><br> <script src=" jquery.qrcode.min .js" type="text/javascript"> , c;<BR> out = "";<BR> len = str.length;<BR> for (i = 0; i <len; i ) {<BR> c = str.charCodeAt(i);<BR> if ((c >= 0x0001) && (c 0x07FF) {<br> out = 文字列。 fromCharCode(0xE0 | ((c >> 12) & 0x0F));<br> .fromCharCode (0x80 | ((c >> 0) & 0x3F));<br> アウト = String.fromCharCode(0x80 | ((c >> 0) & 0x3F));<br> }<br> }<br> return out;<br> }<br>関数 () {<br> >< ;body><br><div id="output"> <br><br><br><br><br><br><br>コードをコピー<br><br><br> コードは次のとおりです:<br><div class="codebody" id="code43936"> <br>//jquery.qrcode.min.js<br>(function (r) {<br> r.fn.qrcode = function (h) {<br> var s; function u(a) { this.mode = s; this.data = a } 関数 o(a, c) { this.errorCorrectLevel = c; this.moduleCount = 0; this.dataList = [] } function q(a, c) { if (void 0 == a.length) throw Error(a.length "/" c) for (var d = 0; d write: function (a) { for (var c = 0; c }; o.prototype = { addData: function (a) { this.dataList.push(new u(a)) }, isDark: function (a, c) ) { if (0 > a || this.moduleCount c || this.moduleCount if (1 > this.typeNumber) {<br> for (var a = 1, a = 1; 40 > a; a ) {<br> for (var c = p.getRSBlocks(a, this.errorCorrectLevel), d = new t, b = 0, e = 0; e < c.length; e ) b = c[e].dataCount;<BR> for (e = 0; e < this.dataList.length; e ) c = this.dataList[e], d.put(c.モード、4)、d.put(c.getLength()、j.getLengthInBits(c.mode、a))、c.write(d); if (d.getLengthInBits() <= 8 * b) Break<BR> } this.typeNumber = a<BR> } this.makeImpl(!1, this.getBestMaskPattern())<BR> }, makeImpl: function ( a, c) {<BR> this.moduleCount = 4 * this.typeNumber 17; this.modules = Array(this.moduleCount); for (var d = 0; d < this.moduleCount; d ) { this.modules[d] = Array(this.moduleCount); for (var b = 0; b < this.moduleCount; b ) this.modules[d][b] = null } this.setupPositionProbePattern(0, 0); this.setupPositionProbePattern(this.moduleCount -<BR>7, 0); this.setupPositionProbePattern(0, this.moduleCount - 7); this.setupPositionAdjustPattern(); this.setupTimingPattern(); this.setupTypeInfo(a, c); 7 <= this.typeNumber && this.setupTypeNumber(a); null == this.dataCache && (this.dataCache = o.createData(this.typeNumber, this.errorCorrectLevel, this.dataList)); this.mapData(this.dataCache, c)<BR> }, setupPositionProbePattern: function (a, c) {<BR> for (var d = -1; 7 >= d; d ) if (!(-1 > ;= a d || this.moduleCount = b; b )-1 >= c b || this.moduleCount 0 = d && (0 == b || 6 == b) || 0 = b && (0 == d || 6 == d) || 2 = d && 2 = b ?0 : !1)<br> } , getBestMaskPattern: function () { for (var a = 0, c = 0, d = 0; 8 > d; d ) { this.makeImpl(!0, d); var b = j.getLostPoint(this); if (0 == d || a > b) a = b, c = d } return c }, createMovieClip: function (a, c, d) { a = a.createEmptyMovieClip(c, d); this.make(); for (c = 0; c setupTimingPattern: function () { for (var a = 8; a < this.moduleCount - 8; a ) null = = this.modules[a][6] && (this.modules[a][6] = 0 == a % 2); for (a = 8; a <this.moduleCount - 8; a ) null == this.modules[6][a] && (this.modules[6][a] = 0 == a % 2) }、setupPositionAdjustPattern: function () { for (var a = j.getPatternPosition(this.typeNumber), c = 0; c < a.length; c ) for (var d = 0; d < a.length; d ) { var b = a[c], e = a[d]; if (null == this.modules[b][e]) for (var f = -2; 2 >= f; f ) for (var i = -2; 2 >= i; i ) this.modules [b f][e i] = -2 == f || 2 == f || -2 == i || 2 == 私 || 0 == f && 0 == i ? !0 : !1 } }, setupTypeNumber: function (a) {<BR> for (var c =<BR>j.getBCHTypeNumber(this.typeNumber), d = 0; 18 > d; d ) { var b = !a && 1 == (c >> d & 1); this.modules[Math.floor(d / 3)][d % 3 this.moduleCount - 8 - 3] = b } for (d = 0; 18 > d; d ) b = !a && 1 == ( c >> d & 1), this.modules[d % 3 this.moduleCount - 8 - 3][Math.floor(d / 3)] = b<br> }, setupTypeInfo: function (a, c) {<br> for (var d = j.getBCHTypeInfo(this.errorCorrectLevel << 3 | c), b = 0; 15 > b; b ) { var e = !a && 1 == (d > >b&1); 6＞ b ? this.modules[b][8] = e : 8 > b ? this.modules[b 1][8] = e : this.modules[this.moduleCount - 15 b][8] = e } for (b = 0; 15 > b; b ) e = !a && 1 = = (d > > b & 1)、8 > b ? this.modules[8][this.moduleCount -<br>b - 1] = e : 9 > b ? this.modules[8][15 - b - 1 1] = e : this.modules[8][15 - b - 1] = e; this.modules[this.moduleCount - 8][8] = !a<br> }, mapData: function (a, c) { for (var d = -1, b = this.moduleCount - 1, e = 7, f = 0, i = this.moduleCount - 1; 0 g; g ) if (null == this.modules[b][i - g]) { var n = !1; f b || this.moduleCount }; o.PAD0 = 236; o.PAD1 = 17; o.createData = function (a, c, d) {<br> for (var c = p.getRSBlocks(a,<br>c), b = new t, e = 0; e <d.length e var f="d[e];" b.put j.getlengthinbits a f.write for c.length if> 8 * a) throw Error("コード長オーバーフロー。(" b.getLengthInBits() ">" 8 * a ")"); for (b.getLengthInBits() 4 = 8 * a); ) { b.put(o.PAD0, 8); if (b.getLengthInBits() >= 8 * a) ブレーク; b.put(o.PAD1, 8) } return o.createBytes(b, c)<br> }; o.createBytes = function (a, c) {<br> for (var d =<br>0, b = 0, e = 0, f = Array(c.length), i = Array(c.length), g = 0; g (d[n ] = f[g][k]); for (k = 0; k }; s = 4; for (var j = { PATTERN_POSITION_TABLE: [[], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42]、[6, 26, 46]、[6, 28, 50]、[6, 30, 54]、[6, 32, 58]、[6, 34, 62]、[6 、26、46、66]、[6、26、48、70]、[6、26、50、74]、[6、30、54、78]、[6、30、56、82]、[6 、30、58、86]、[6、34、62、90]、[6、28、50、72、94]、[6、26、50、74、98]、[6、30、54、78 、102]、[6、28、54、80、106]、[6、32、58、84、110]、[6、30、58、86、114]、[6、34、62、90、118 ]、[6、26、50、74、98、122]、[6、30、54、78、102、126]、[6、26、52、<br>78、104、130]、[6、 30、56、82、108、134]、[6、34、60、86、112、138]、[6、30、58、86、114、142]、[6、34、62、90、118、 146]、[6、30、54、78、102、126、150]、[6、24、50、76、102、128、154]、[6、28、54、80、106、132、158] 、[6、32、58、84、110、136、162]、[6、26、54、82、110、138、166]、[6、30、58、86、114、142、170]]、 G15: 1335、G18: 7973、G15_MASK: 21522、getBCHTypeInfo: function (a) { for (var c = a switch (a) {<br> case 0: return 0 = = (c d) % 2;ケース 1: 0 == c % 2 を返します。ケース 2: 0 == d % 3 を返します。ケース 3: 0 == (c d) % 3 を返します。ケース 4: 0 を返す == (Math.floor(c / 2) Math.floor(d / 3)) % 2;ケース 5: 0 == c * d % 2 c * d % 3 を返します。ケース 6: 0 を返す == (c * d % 2 c * d % 3) % 2;ケース 7: 0 を返す == (c * d % 3 (c d) % 2) % 2;デフォルト: throw Error("悪いマスクパターン:" <br>a);<br> } <br>}, getErrorCorrectPolynomial: function (a) { for (var c = new q([1], 0), d = 0 ; d if (1 c) switch (a) { case 1: return 10;ケース 2: 9 を返します。ケース : 8 を返します。ケース 8: 8 を返します。デフォルト: throw Error("mode:" a); } else if (27 > c) switch (a) { case 1: return 12;ケース 2: 11 を返します。ケース : 16 を返します。ケース 8: 10 を返します。デフォルト: throw Error("mode:" a); } else if (41 > c) switch (a) {<br> case 1: return 14;ケース 2: 13 を返します。ケース : 16 を返します。ケース 8: 12 を返します。デフォルト: throw Error("mode:" <br>a);<br> } else throw Error("type:" c);<br>}, getLostPoint: function (a) {<br> for (var c = a.getModuleCount(), d = 0, b = g; g ) if (!(0 > b g || c = h; h ) 0>えー || c 2) && a.isDark(b, e 3) && a.isDark(b, e 4) && !a.isDark(b, e 5) && a.isDark(b, e 6) ) && (d = 40); for (e = 0; e } <br> }, l = { glog: function (a) { if (1 > a) throw Error("glog(" a ")"); return l.LOG_TABLE[a] }, gexp: function (a) { for (; 0 > a; ) a = 255; for (; 256 LOG_TABLE: Array(256)<br> }, m = 0; 8＞メートル; m ) l.EXP_TABLE[m] = 1 <<メートル; for (m = 8; 256 > m; m ) l.EXP_TABLE[m] = l.EXP_TABLE[m - 4] ^ l.EXP_TABLE[m - 5] ^ l.EXP_TABLE[m - 6] ^ l.EXP_TABLE [m - 8]; for (m = 0; 255 > m; m ) l.LOG_TABLE[l.EXP_TABLE[m]] = m; q.prototype = { get: function (a) { return this.num[a] }, getLength: function () { return this.num.length }、乗算: function (a) { for (var c = Array(this.getLength() a.getLength() - 1), d = 0; d <this.getLength(); d ) for (var b = 0 ; b < a.getLength(); b ) c[d b] ^= l.gexp(l.glog(this.get(d)) l.glog(a.get(b)); return new q(c, 0) }, mod: function (a) {<BR> if (0 ><BR>this.getLength() - a.getLength()) return this; for (var c = l.glog(this.get(0)) - l.glog(a.get(0)), d = Array(this.getLength()), b = 0; b < this.getLength (); b ) d[b] = this.get(b); for (b = 0; b < a.getLength(); b ) d[b] ^= l.gexp(l.glog(a.get(b)) c); return (new q(d, 0)).mod(a)<BR> } <BR> }; p.RS_BLOCK_TABLE = [[1, 26, 19], [1, 26, 16], [1, 26, 13], [1, 26, 9], [1, 44, 34], [1, 44, 28]、[1、44、22]、[1、44、16]、[1、70、55]、[1、70、44]、[2、35、17]、[2、35、13] 、[1、100、80]、[2、50、32]、[2、50、24]、[4、25、9]、[1、134、108]、[2、67、43]、[ 2, 33, 15, 2, 34, 16]、[2, 33, 11, 2, 34, 12]、[2, 86, 68]、[4, 43, 27]、<BR>[4, 43] 、19]、[4、43、15]、[2、98、78]、[4、49、31]、[2、32、14、4、33、15]、[4、39、13、1 、40、14]、[2、121、97]、[2、60、38、2、61、39]、[4、40、18、2、41、19]、[4、40、14、2 、41、15]、[2、146、116]、[3、58、36、2、59、37]、[4、36、16、4、37、17]、[4、36、12、4 、37、13]、[2、86、68、2、87、69]、[4、69、43、1、70、44]、[6、43、19、2、44、20]、[6 、43、15、2、44、16]、[4、101、81]、[1、80、50、4、81、51]、[4、50、22、4、51、23]、[3] 、36、12、8、37、13]、[2、116、92、2、117、93]、[6、58、36、2、59、37]、[4、46、20、6、47 、21]、[7、42、14、4、43、15]、[4、133、107]、[8、59、37、1、60、38]、[8、44、20、4、45] 、21]、[12、33、11、4、34、12]、[3、145、115、1、146、<BR>116]、[4、64、40、5、65、41]、[ 11、36、16、5、37、17]、[11、36、12、5、37、13]、[5、109、87、1、110、88]、[5、65、41、5、 66、42]、[5、54、24、7、55、25]、[11、36、12]、[5、122、98、1、123、99]、[7、73、45、3、 74、46]、[15、43、19、2、44、20]、[3、45、15、13、46、16]、[1、135、107、5、136、108]、[10、 74、46、1、75、47]、[1、50、22、15、51、23]、[2、42、14、17、43、15]、[5、150、120、1、151、 121]、[9、69、43、4、70、44]、[17、50、22、1、51、23]、[2、42、14、19、43、15]、[3、141、 113、4、142、114]、[3、70、44、11、71、45]、[17、47、21、4、48、22]、[9、39、13、16、40、14] 、[3, 135, 107, 5, 136, 108]、[3, 67, 41, 13, 68, 42]、[15, 54, 24, 5, 55, 25]、[15,<BR>43] 、15、10、44、16]、[4、144、116、4、145、117]、[17、68、42]、[17、50、22、6、51、23]、[19、46] 、16、6、47、17]、[2、139、111、7、140、112]、[17、74、46]、[7、54、24、16、55、25]、[34、37] 、13]、[4、151、121、5、152、122]、[4、75、47、14、76、48]、[11、54、24、14、55、25]、[16、45] 、15、14、46、16]、[6、147、117、4、148、118]、[6、73、45、14、74、46]、[11、54、24、16、55、25 ]、[30、46、16、2、47、17]、[8、132、106、4、133、107]、[8、75、47、13、76、48]、[7、54、24 、22、55、25]、[22、45、15、13、46、16]、[10、142、114、2、143、115]、[19、74、46、4、75、47]、 [28、50、22、6、51、23]、[33、46、16、4、47、17]、[8、152、122、4、153、123]、[22、73、45、<BR>3, 74, 46]、[8, 53, 23, 26, 54, 24]、[12, 45, 15, 28, 46, 16]、[3, 147, 117, 10, 148, 118] 、[3、73、45、23、74、46]、[4、54、24、31、55、25]、[11、45、15、31、46、16]、[7、146、116、 7、147、117]、[21、73、45、7、74、46]、[1、53、23、37、54、24]、[19、45、15、26、46、16]、[ 5、145、115、10、146、116]、[19、75、47、10、76、48]、[15、54、24、25、55、25]、[23、45、15、25、 46、16]、[13、145、115、3、146、116]、[2、74、46、29、75、47]、[42、54、24、1、55、25]、[23、 45、15、28、46、16]、[17、145、115]、[10、74、46、23、75、47]、[10、54、24、35、55、25]、[19、 45、15、35、46、16]、[17、145、115、1、146、116]、[14、74、46、21、75、47]、[29、54、24、19、<BR>55、25]、[11、45、15、46、46、16]、[13、145、115、6、146、116]、[14、74、46、23、75、47]、[44 、54、24、7、55、25]、[59、46、16、1、47、17]、[12、151、121、7、152、122]、[12、75、47、26、76 、48]、[39、54、24、14、55、25]、[22、45、15、41、46、16]、[6、151、121、14、152、122]、[6、75] 、47、34、76、48]、[46、54、24、10、55、25]、[2、45、15、64、46、16]、[17、152、122、4、153、123 ]、[29、74、46、14、75、47]、[49、54、24、10、55、25]、[24、45、15、46、46、16]、[4、152、122 、18、153、123]、[13、74、46、32、75、47]、[48、54、24、14、55、25]、[42、45、15、32、46、16]、 [20, 147, 117, 4, 148, 118], [40, 75, 47, 7, 76, 48], [43, 54, 24, 22, 55, 25], [10,<BR>45, 15、67、46、16]、[19、148、118、6、149、119]、[18、75、47、31、76、48]、[34、54、24、34、55、25] 、[20、45、15、61、46、16]]; p.getRSBlocks = function (a, c) { var d = p.getRsBlockTable(a, c); if (void 0 == d) throw Error("bad rs block @ typeNumber:" a "/errorCorrectLevel:" c); for (var b = d.length / 3, e = [], f = 0; f < b; f ) for (var h = d[3 * f 0], g = d[3 * f 1], j = d[3 * f 2]、l = 0; l < h ) e.push(new p(g, j)); e を返します }; p.getRsBlockTable = function (a, c) {<BR> switch (c) {<BR> case 1: return p.RS_BLOCK_TABLE[4 * (a - 1) 0];ケース 0: p.RS_BLOCK_TABLE[4 * (a - 1) 1] を返します。ケース 3: p.RS_BLOCK_TABLE[4 *<BR>(a - 1) 2] を返します。ケース 2: p.RS_BLOCK_TABLE[4 * (a - 1) 3]<BR> } <BR>} を返します。 t.prototype = { get: function (a) { return 1 == (this.buffer[Math.floor(a / 8)] >>> 7 - a % 8 & 1) }, put: function ( a, c) { for (var d = 0; d 正しいレベル: 2, 背景: "#ffffff", フォアグラウンド: "#000000"<br>}、h); return this.each(function () {<br> var a; if ("canvas" == h.render) {<br> a = new o(h.typeNumber, h.correctLevel); a.addData(h.テキスト); a.make(); var c = document.createElement("canvas"); c.height = h.height; , b = h.width / a.getModuleCount(), e = h.height / a.getModuleCount(); (var i = 0; i d.fillStyle = a.isDark(f, i) ? h.foreground : h.background; = Math.ceil((i 1) * b) Floor(i * b),<br>j = Math.ceil((f 1) * b) - Math.floor(f * b); d.fillRect(Math.round(i * b), Math.round( f * e), g, j)<br> } <br> } else {<br> a = new o(h.typeNumber, h.correctLevel) a.make(); ; c = r("<table></table>").css("width", h.width "px").css("height", h.height "px").css("border" ", "0px").css("border-collapse", "collapse").css("background-color", h.background); d = h.width / a.getModuleCount(); b = h.height / a.getModuleCount(); for (e = 0; e < a.getModuleCount(); e ) {<br> f = r("<tr>gt;</tr>").css("height", b "px")。 appendTo(c); for (i = 0; i <a.getmodulecount i r>gt;").css("width",<br>d "px").css("背景色", a.isDark(e, i) ? h.foreground : h.background).appendTo(f)<br> } <br> } a = c; jQuery(a).appendTo(this)<br>})<br> } <br>})(jQuery);<br></a.getmodulecount></d.length> </div> </div> </div> </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="https://www.php.cn/ja/search?word=qrコード" target="_blank">QRコード</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">ソース：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ja/faq/14120.html" title="jsジャンプページメソッド実装_javascriptスキルまとめ"> <span>前の記事：jsジャンプページメソッド実装_javascriptスキルまとめ</span> </a> <a href="https://www.php.cn/ja/faq/14122.html" title="JS(JQuery)のArray_javascript操作関連メソッドの紹介スキル"> <span>次の記事：JS(JQuery)のArray_javascript操作関連メソッドの紹介スキル</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/176411.html" target="_blank" title="function_exists() はカスタム関数を決定できません" class="wdcdcTitle">function_exists() はカスタム関数を決定できません</a> <a href="https://www.php.cn/ja/wenda/176411.html" class="wdcdcCons">Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-29 11:01:01</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>3</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2070</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/176410.html" target="_blank" title="Google Chromeのモバイル版を表示する方法" class="wdcdcTitle">Google Chromeのモバイル版を表示する方法</a> <a href="https://www.php.cn/ja/wenda/176410.html" class="wdcdcCons">こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-23 00:22:19</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>11</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2235</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/176407.html" target="_blank" title="子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。" class="wdcdcTitle">子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。</a> <a href="https://www.php.cn/ja/wenda/176407.html" class="wdcdcCons">最初の 2 つの文は実行可能ですが、最後の文は実装できません。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-19 15:37:47</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>1880</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/176406.html" target="_blank" title="親ウィンドウには出力がありません" class="wdcdcTitle">親ウィンドウには出力がありません</a> <a href="https://www.php.cn/ja/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-18 23:52:34</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>1763</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/176405.html" target="_blank" title="CSS マインド マッピングに関するコースウェアはどこにありますか?" class="wdcdcTitle">CSS マインド マッピングに関するコースウェアはどこにありますか?</a> <a href="https://www.php.cn/ja/wenda/176405.html" class="wdcdcCons">コースウェア</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> から 2024-04-16 10:10:18</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>1796</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/cyyelseifyjyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214035057479.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="C言語のelse ifステートメントの使用法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/cyyelseifyjyf" class="title-a-spanl" title="C言語のelse ifステートメントの使用法"><span>C言語のelse ifステートメントの使用法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/fwqyyzjdqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212255269954.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="サーバーとクラウドホストの違い" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/fwqyyzjdqb" class="title-a-spanl" title="サーバーとクラウドホストの違い"><span>サーバーとクラウドホストの違い</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/vscodeyxhtml"><img src="https://img.php.cn/upload/subject/202407/22/2024072212181856326.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vscode で HTML を実行するにはどのようなプラグインが必要ですか?" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/vscodeyxhtml" class="title-a-spanl" title="vscode で HTML を実行するにはどのようなプラグインが必要ですか?"><span>vscode で HTML を実行するにはどのようなプラグインが必要ですか?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/wordrhsckby"><img src="https://img.php.cn/upload/subject/202407/22/2024072213272859253.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Wordで空白ページを削除する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/wordrhsckby" class="title-a-spanl" title="Wordで空白ページを削除する方法"><span>Wordで空白ページを削除する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/cincludeyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214025490635.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="C言語での#includeの使用法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/cincludeyf" class="title-a-spanl" title="C言語での#includeの使用法"><span>C言語での#includeの使用法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/linuxckwk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214243986556.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Linuxビューネットワークカード" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/linuxckwk" class="title-a-spanl" title="Linuxビューネットワークカード"><span>Linuxビューネットワークカード</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/dnsfwqwxy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214103070378.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="DNSサーバーが応答しない問題を解決する方法" /> </a> <a target="_blank" href="https://www.php.cn/ja/faq/dnsfwqwxy" class="title-a-spanl" title="DNSサーバーが応答しない問題を解決する方法"><span>DNSサーバーが応答しない問題を解決する方法</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ja/faq/javadqwjzczfc"><img src="https://img.php.cn/upload/subject/202407/22/2024072212194676438.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/javadqwjzczfc" class="title-a-spanl" title="Javaでファイルを読み取り、文字列に変換する方法"><span>Javaでファイルを読み取り、文字列に変換する方法</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="jsはどういう意味ですか" href="https://www.php.cn/ja/faq/482163.html">jsはどういう意味ですか</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="jsで文字列を配列に変換するにはどうすればよいですか?" href="https://www.php.cn/ja/faq/461802.html">jsで文字列を配列に変換するにはどうすればよいですか?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="JavaScriptを使用してページを更新する方法" href="https://www.php.cn/ja/faq/473330.html">JavaScriptを使用してページを更新する方法</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="sqrt関数の使い方" href="https://www.php.cn/ja/faq/415276.html">sqrt関数の使い方</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js配列内の項目を削除する方法" href="https://www.php.cn/ja/faq/475790.html">js配列内の項目を削除する方法</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>1421755 <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>4266130 <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>2519888 <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>506584 <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>861649 <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 >1421755 回の学習</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 >2519888 回の学習</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 >506584 回の学習</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 >215669 回の学習</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 >887085 回の学習</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 >7276 回の学習</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 >5664 回の学習</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 >4770 回の学習</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 >679 回の学習</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 >24064 回の学習</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?1733274521"></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>