简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

html 基礎(4) 新元素

WBOY
發布： 2016-08-08 08:49:52
原創
1188 人瀏覽過

html5新元素

 

html5語意元素

定義了文件或文件的一部分區域的頁首

定義了導航連結的部分

定義了文件的某個區域，例如章節、頭部、底部或文件的其他區域

定義了頁面獨立的內容區域，內容本身必須是有意義的且必須是獨立於文件的其餘部分

定義了頁面的側邊欄內容

定義了文件或文件的一部分區域的頁尾

通常包含文件創作者的姓名、文件的版權資訊、使用條款的連結、聯絡資訊等等

定義了文件的主要內容

在一個文件中，不能出現一個以上的

元素。
元素不能是以下元素的後代：
、

定義了獨立的流內容（圖像、圖表、照片、程式碼等等）

內容應該與主內容相關，同時元素的位置相對於主內容是獨立的，如果被刪除，則不應對文檔流產生影響

 

定義音頻，例如音樂或其他音頻流

目前支援的3種音訊格式：MP3、Wav、Ogg

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">audio </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="song.ogg"</span><span style="color: #ff0000;"> controls</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">audio</span><span style="color: #0000ff;">></span><span style="color: #000000;">

如果考虑到不同浏览器对音频文件的兼容性：
</span><span style="color: #0000ff;"><</span><span style="color: #800000;">audio </span><span style="color: #ff0000;">controls</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="song.ogg"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="audio/ogg"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="song.mp3"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="audio/mpeg"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>Your browser does not support the audio tag.<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">audio</span><span style="color: #0000ff;">></span></span>
登入後複製

autoplay：autoplay 如果出現該屬性，則音訊在就緒後馬上播放

controls：controls 如果出現該屬性，則向使用者顯示音訊控制項（例如播放/暫停按鈕）

loop：loop 如果出現該屬性，則每當音訊結束時重新開始播放

muted：muted 如果出現該屬性，則音訊輸出為靜音

preload：auto、meta、none 規定是否在頁面加載後載入音頻，如果設定了autoplay屬性，則忽略該屬性

 

定義視頻，例如電影片段或其他視頻流

目前支援3種影片格式：MP4、WebM、Ogg

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">video </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">=&ldquo;movie.mp4&rdquo; </span><span style="color: #ff0000;">controls</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">video</span><span style="color: #0000ff;">></span><span style="color: #000000;">

如果考虑到不同浏览器对视频文件的兼容性：
</span><span style="color: #0000ff;"><</span><span style="color: #800000;">video </span><span style="color: #ff0000;">width</span><span style="color: #0000ff;">="320"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;"> controls</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="movie.ogg"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="video/ogg"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="movie.mp4"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="video/mp4"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>Your browser does not support the video tag.<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">video</span><span style="color: #0000ff;">></span></span>
登入後複製

width 设置视频播放器的宽度

height 设置视频播放器的高度

autoplay：autoplay 如果出现该属性，则音频在就绪后马上播放

controls：controls 如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）

loop：loop 如果出现该属性，则每当音频结束时重新开始播放

muted：muted 如果出现该属性，则音频输出为静音

preload：auto、meta、none 规定是否在页面加载后载入音频，如果设置了autoplay属性，则忽略该属性

poster：url 指定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像

 

定义了一个容器，用来嵌入外部应用或者互动程序（插件）

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">embed </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="helloworld.swf"</span><span style="color: #ff0000;"> width</span><span style="color: #0000ff;">=" "</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">=" "</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="MIME类型"</span><span style="color: #0000ff;">></span></span>
登入後複製

定义为媒体元素规定外部文本轨道

用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">video </span><span style="color: #ff0000;">width</span><span style="color: #0000ff;">="320"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;"> controls</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="forrest_gump.mp4"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="video/mp4"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">source </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="forrest_gump.ogg"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="video/ogg"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">track </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="subtitles_en.vtt"</span><span style="color: #ff0000;"> kind</span><span style="color: #0000ff;">="subtitles"</span><span style="color: #ff0000;"> srclang</span><span style="color: #0000ff;">="en" </span><span style="color: #ff0000;">label</span><span style="color: #0000ff;">="English"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">track </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="subtitles_no.vtt"</span><span style="color: #ff0000;"> kind</span><span style="color: #0000ff;">="subtitles"</span><span style="color: #ff0000;"> srclang</span><span style="color: #0000ff;">="no" </span><span style="color: #ff0000;">label</span><span style="color: #0000ff;">="Norwegian"</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">video</span><span style="color: #0000ff;">></span></span>
登入後複製

default：default 规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道

kind 规定文本轨道的文本类型

captions 该轨道定义将在播放器中显示的简短说明

chapters 该轨道定义章节，用于导航媒介资源

descriptions 该轨道定义描述，用于通过音频描述媒介的内容，假如内容不可播放或不可见

metadata 该轨道定义脚本使用的内容

subtitles 该轨道定义字幕，用于在视频中显示字幕

label 规定文本轨道的标题，例如当用户选择字幕轨道时，标题会显示出来

srclang 规定轨道的语言，如果kind属性的值是"subtitles"，则srclang属性是必需的

 

为

元素定义标题

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">figure</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">img </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="1.jpg"</span><span style="color: #ff0000;"> alt</span><span style="color: #0000ff;">="The Pulpit Rock"</span><span style="color: #ff0000;"> width</span><span style="color: #0000ff;">="300"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="300"</span><span style="color: #0000ff;">></span>
    <span style="color: #0000ff;"><</span><span style="color: #800000;">figcaption</span><span style="color: #0000ff;">></span>A view of the pulpit rock in Norway.<span style="color: #0000ff;"></</span><span style="color: #800000;">figcaption</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">figure</span><span style="color: #0000ff;">></span></span>
登入後複製

规定了用户可见的或者隐藏的需求的补充细节

用来供用户开启关闭的交互式控件，任何形式的内容都能被放在

标签里边

元素的内容对用户是不可见的，除非设置了open属性

标签为
元素定义一个可见的标题，当用户点击标题时会显示出详细信息

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">details </span><span style="color: #ff0000;">open</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">summary</span><span style="color: #0000ff;">></span>Copyright 1999-2011.<span style="color: #0000ff;"></</span><span style="color: #800000;">summary</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span> - by Refsnes Data. All Rights Reserved.<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>All content and graphics on this web site are the property of the company Refsnes Data.<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">details</span><span style="color: #0000ff;">></span></span>
登入後複製

定义度量衡，仅用于已知最大和最小值的度量，比如磁盘使用情况，查询结果的相关性等

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">meter </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="2"</span><span style="color: #ff0000;"> min</span><span style="color: #0000ff;">="0"</span><span style="color: #ff0000;"> max</span><span style="color: #0000ff;">="10"</span><span style="color: #0000ff;">></span>2 out of 10<span style="color: #0000ff;"></</span><span style="color: #800000;">meter</span><span style="color: #0000ff;">> <</span><span style="color: #800000;">br</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">meter </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="0.6"</span><span style="color: #0000ff;">></span>60%<span style="color: #0000ff;"></</span><span style="color: #800000;">meter</span><span style="color: #0000ff;">></span></span>
登入後複製

high 规定被界定为高的值的范围

low 规定被界定为低的值的范围

max 规定范围的最大值

min 规定范围的最小值

optimum 规定度量的最优值

value 规定度量的当前值

定义运行中的任务进度，请将标签与JavaScript一起使用来显示任务的进度

<span style="font-size: 13px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">progress </span><span style="color: #ff0000;">value</span><span style="color: #0000ff;">="20"</span><span style="color: #ff0000;"> max</span><span style="color: #0000ff;">="100"</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">progress</span><span style="color: #0000ff;">></span></span>
登入後複製

定义高亮显示文本

规定在文本中的何处适合添加换行符

 

 

html5已移除的元素









</span><br><span style="font-size: 13px;"><strike></span><br><span style="font-size: 13px;"><tt></span></p> <p> </p> <div id="MySignature"></div> <div class="clear"></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="http://www.php.cn/zh-tw/search?word=html基础4新元素" target="_blank">html 基础(4) 新元素</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">來源：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/zh-tw/faq/330657.html" title="CSS3 一、文字陰影text-shadow屬性"> <span>上一篇：CSS3 一、文字陰影text-shadow屬性</span> </a> <a href="http://www.php.cn/zh-tw/faq/330662.html" title="html meta標籤使用總結"> <span>下一篇：html meta標籤使用總結</span> </a> </div> <div class="wzconShengming"> <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="http://www.php.cn/zh-tw/faq/1796612210.html">貝萊德將比特幣標記為獨特的多元化工具</a> </div> <div>2024-09-20 15:51:33</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612202.html">Internet Computer (ICP) Price Prediction: Will ICP Price Hit $24?</a> </div> <div>2024-09-20 15:47:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612197.html">世界幣 (WLD) 價格預測 2022-23</a> </div> <div>2024-09-20 15:45:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612185.html">Top Meme Coins to Invest In Today</a> </div> <div>2024-09-20 15:39:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612183.html">Floki (FLOKI) Price Prediction: Will the Revamped Marketing Help Floki Catch Up on October Gains?</a> </div> <div>2024-09-20 15:38:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612161.html">Next Cryptocurrency to Explode: 5 Coins to Add to Your Watchlist</a> </div> <div>2024-09-20 15:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612159.html">Dogecoin: From an Internet Meme to a Digital Currency with a Billion-Dollar Market Capitalization</a> </div> <div>2024-09-20 15:26:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612129.html">ZChains 推出一系列令人興奮的更新和發布，以增強其生態系統</a> </div> <div>2024-09-20 15:12:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612099.html">如何下载小狐狸支付平台的Apple版本</a> </div> <div>2024-09-20 14:53:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/zh-tw/faq/1796612097.html">新手如何在MetaMask进行交易及优缺点</a> </div> <div>2024-09-20 14:51:01</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="http://www.php.cn/zh-tw/wenda/176150.html" target="_blank" title="重寫的標題：在改變大小的情況下，水平和垂直居中一個固定的HTML方形或圓形元素" class="wdcdcTitle">重寫的標題：在改變大小的情況下，水平和垂直居中一個固定的HTML方形或圓形元素</a> <a href="http://www.php.cn/zh-tw/wenda/176150.html" class="wdcdcCons">如何使尺寸變化的方形或圓形固定html元素水平和垂直居中？我認為寬度和高度必須保持相等這一事實帶來了困難。</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-04 12:31:51</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>322</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/zh-tw/wenda/176059.html" target="_blank" title="網格模板列不對齊行上的項目" class="wdcdcTitle">網格模板列不對齊行上的項目</a> <a href="http://www.php.cn/zh-tw/wenda/176059.html" class="wdcdcCons">我是HTML和CSS新手，我正在嘗試使用grid-template-column建立導覽列。我的想法是將導覽列分為3個部分：徽標部分、網站主頁部分和社交連結部分。問題在於divna...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-03 16:58: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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>370</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/zh-tw/wenda/176004.html" target="_blank" title="我的 CSS 樣式表不再起作用/連結到我的 HTML 文件 - 可能是什麼原因？" class="wdcdcTitle">我的 CSS 樣式表不再起作用/連結到我的 HTML 文件 - 可能是什麼原因？</a> <a href="http://www.php.cn/zh-tw/wenda/176004.html" class="wdcdcCons">我已經在很多論壇上搜索了答案，並且查看了大約50個google鏈接，但還沒有發現任何有效的方法...我的CSS沒有顯示在我的HTML上。我的程式碼工作得很好，直到我在其中添加了一個...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-03 09: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>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>402</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/zh-tw/wenda/175961.html" target="_blank" title="如何更新清單中唯一的「活動」項目的方式？" class="wdcdcTitle">如何更新清單中唯一的「活動」項目的方式？</a> <a href="http://www.php.cn/zh-tw/wenda/175961.html" class="wdcdcCons">假設你有4個元素，只有其中一個可以有類別名稱active。活動元素每秒更新幾次（這裡有一個虛擬範例）。一個簡單的方法是：從每個元素中移除active將active設為目前選擇的元素...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-04-02 20:32:27</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>389</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/zh-tw/wenda/175691.html" target="_blank" title="確保頁面上存在Nuxt JS / Vue Jest檢查的類別名稱元素" class="wdcdcTitle">確保頁面上存在Nuxt JS / Vue Jest檢查的類別名稱元素</a> <a href="http://www.php.cn/zh-tw/wenda/175691.html" class="wdcdcCons">我是VueJS的Jest測試套件的新手，並將其整合到我的NuxtJS應用程式中。我已經設定了一些基本測試來檢查元件是否為Vue實例並且這些測試是否成功通過。我現在嘗試在我的頁面上尋...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 來自於 2024-03-31 19:10:41</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>347</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>相關專題</div> <a href="http://www.php.cn/zh-tw/faq/zt" target="_blank">更多> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/jqueryeach"><img src="https://img.php.cn/upload/subject/202407/22/2024072214402254601.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="jquery each" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/jqueryeach" class="title-a-spanl" title="jquery each"><span>jquery each</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/wzhyykbyzmsc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214303349163.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="word最後一頁空白頁怎麼刪除" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/wzhyykbyzmsc" class="title-a-spanl" title="word最後一頁空白頁怎麼刪除"><span>word最後一頁空白頁怎麼刪除</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/psyqtkjj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214204944075.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="ps油漆桶快速鍵" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/psyqtkjj" class="title-a-spanl" title="ps油漆桶快速鍵"><span>ps油漆桶快速鍵</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/busyboxvbnkj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213321341757.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="busyboxv1.30.1不能開機" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/busyboxvbnkj" class="title-a-spanl" title="busyboxv1.30.1不能開機"><span>busyboxv1.30.1不能開機</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/qcfddfsynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072213300017514.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="清除浮動的方式有哪些" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/qcfddfsynx" class="title-a-spanl" title="清除浮動的方式有哪些"><span>清除浮動的方式有哪些</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/mysqlmmwjzmck"><img src="https://img.php.cn/upload/subject/202407/22/2024072214313765069.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="mysql密碼忘了怎麼查看" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/mysqlmmwjzmck" class="title-a-spanl" title="mysql密碼忘了怎麼查看"><span>mysql密碼忘了怎麼查看</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/nodejssxpc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214081923668.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="nodejs實作爬蟲" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/nodejssxpc" class="title-a-spanl" title="nodejs實作爬蟲"><span>nodejs實作爬蟲</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/zh-tw/faq/dropdelete"><img src="https://img.php.cn/upload/subject/202407/22/2024072213324188756.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="drop和delete的區別" /> </a> <a target="_blank" href="http://www.php.cn/zh-tw/faq/dropdelete" class="title-a-spanl" title="drop和delete的區別"><span>drop和delete的區別</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="url是什麼意思？" href="http://www.php.cn/zh-tw/faq/418772.html">url是什麼意思？</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="DOM是什麼意思" href="http://www.php.cn/zh-tw/faq/414303.html">DOM是什麼意思</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="如何改變圖片大小" href="http://www.php.cn/zh-tw/faq/414252.html">如何改變圖片大小</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="HTML中如何將字型加粗" href="http://www.php.cn/zh-tw/faq/414520.html">HTML中如何將字型加粗</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="html圖片大小如何設定" href="http://www.php.cn/zh-tw/faq/475145.html">html圖片大小如何設定</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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="http://www.php.cn/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div>1407174 <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="http://www.php.cn/zh-tw/course/74.html" title="php入門教程之一週學會PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入門教程之一週學會PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入門教程之一週學會PHP" href="http://www.php.cn/zh-tw/course/74.html">php入門教程之一週學會PHP</a> <div class="wzrthreerb"> <div>4238224 <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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div>2435032 <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="http://www.php.cn/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="http://www.php.cn/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div>500117 <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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/2.html">PHP 零基礎入門教學</a> <div class="wzrthreerb"> <div>838363 <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="http://www.php.cn/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="http://www.php.cn/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a> <div class="wzrthreerb"> <div >1407174次學習</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/286.html">JAVA 初級入門影片教學</a> <div class="wzrthreerb"> <div >2435032次學習</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="http://www.php.cn/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a> <div class="wzrthreerb"> <div >500117次學習</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/901.html">Web前端開發極速入門</a> <div class="wzrthreerb"> <div >214530次學習</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/234.html">零基礎精通 PS 影片教學</a> <div class="wzrthreerb"> <div >864973次學習</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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/1648.html">【web前端】Node.js快速入門</a> <div class="wzrthreerb"> <div >5145次學習</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/1647.html">國外Web開發全端課程全集</a> <div class="wzrthreerb"> <div >3968次學習</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a> <div class="wzrthreerb"> <div >3401次學習</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a> <div class="wzrthreerb"> <div >572次學習</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/course/1644.html">python大神Mosh，零基礎小白6小時完全入門</a> <div class="wzrthreerb"> <div >17460次學習</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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/xiazai/js/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery可視化表單拖曳編輯程式碼" href="http://www.php.cn/zh-tw/xiazai/js/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS仿酷狗音樂播放器代碼" href="http://www.php.cn/zh-tw/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="經典html5推箱子小遊戲" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/xiazai/js/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3個人相簿封面懸停放大特效" href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/xiazai/code/8328" title="家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8327" title="清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8326" title="設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8325" title="現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8324" title="教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8323" title="網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8322" title="IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/xiazai/sucai/3077" target="_blank" title="四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)">[PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/sucai/3076" target="_blank" title="唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)">[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/xiazai/sucai/3072" target="_blank" title="扁平風格的植樹節banner向量素材(AI+EPS)">[banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/sucai/3071" target="_blank" title="九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)">[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(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="http://www.php.cn/zh-tw/xiazai/code/8328" target="_blank" title="家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8327" target="_blank" title="清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8326" target="_blank" title="設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8325" target="_blank" title="現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8324" target="_blank" title="教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8323" target="_blank" title="網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/xiazai/code/8322" target="_blank" title="IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/zh-tw/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="http://www.php.cn/zh-tw/about/us.html" rel="nofollow" target="_blank" title="關於我們" class="cBlack">關於我們</a> <a href="http://www.php.cn/zh-tw/about/disclaimer.html" rel="nofollow" target="_blank" title="免責聲明" class="cBlack">免責聲明</a> <a href="http://www.php.cn/zh-tw/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?1728168604"></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>