本篇文章给大家带来的内容是介绍html5如何制作一份邀请函？制作邀请函的方法（代码示例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
目的：制作这个简易的邀请函，只是为了让新手入门Web开发。
在制作页面之前，我们先来看看整个邀请函的整体面貌。
一、首先编写HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>邀请函</title>
</head>
<body>
<div id="container">
<h1>hello world</h1>
<p>欢迎来到虚拟世界，在这里发挥你的想象力，探索无限的可能。</p>
<a href="#" id="button">点击进入</a>
</div>
</body>
</html>
Salin selepas log masuk
说明：
：这形如一个对文档的声明。
标签：代表了对html的开始，代表着html的结束。
标签：它包含了对html5页面各种属性，配置信息的描述。因此在某种程度上可以视为一张“身份证”。
标签：使用标签的charset来加以设置，将其字符编码指定为UTF-8;UTF-8这是一种通用编码形式，又被称为“万国码”。
标签：即页面的标题，显示在浏览器器的菜单栏上。</p><p><body> 标签：包含了所有要呈现给浏览者的内容信息。</p><p><div> 标签：这是一个常见的块级元素，相当于一个容器，它经常用来div+css布局。在这里我们用他来调整页面的位置。</p><p><h1> 标签：这是一个标题，他有1~6六个级别。</p><p><p> 标签：这表示一个段落。</p><p><a> 标签：这是一个链接。</p><p><span style="font-size: 18px;"><strong>二、页面的美化：CSS</strong></span></p><p>1、给页面添加背景图片：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">html,body{
height: 100%;
}body {
background: url(images/1.jpg) center center;
background-size: cover;
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>我们在给网页添加背景图片的时候，我们选取的背景图片可能像素比较大，不适应我们的浏览器窗口;所以我们给body的background属性在横向和纵向两个方向上居中（center）,由于浏览器默认是没有给予body高度属性的，所以要给body和body的父级（html）设置height：100%属性。在body设置属性background-size：cover；实现背景图片自适应充满全屏。</p><p>2、为网页添加字体的样式</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">html,body{
height: 100%;
font-family: sans-serif;
color: #801449;
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>font-family：属性可以改变字体。</p><p>color：可以改变字体的颜色，由于css具有继承机制，所以后续的元素都有这一属性。</p><p>3、调整邀请函内容区域位置。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">body {
background: url(images/1.jpg) center center;
background-size: cover;
margin: 0;
padding: 0;
position: relative;
}#container {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>首先，我们使用margin: 0;padding: 0;这是一个很常见的作法，能够清楚浏览器对页面元素预设的一些默认边距值，使得css自主控制更加精确。</p><p>这里我们使用id选择器（#+id名），我们设置其宽度100%；利用text-ailgn:center，让其文本水平居中。</p><p>那么如何实现竖直剧中呢？ 这里就用到了定位：我们要控制container的top属性，这要建立在绝对定位的前提下，而要使得container绝对定位，就要使他的父级（body）设置为相对 定位。 之后我们利用属性，让top距顶50%。</p><p>现在还没有结束,我们可以利用html5的transform属性，设置translateY(-50%);即向上移动其高度的一半。</p><p>这样整个container将会显示在页面的正中央。</p><p>4、为其内容标签设置一些文字字体与字号。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">h1 {
font-size: 54px;
text-transform: uppercase;
margin-bottom: 20px;
}p {
font-size: 21px;
margin-bottom: 40px;
}a {
font-size: 18px;
color: #8f3c3c;
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>说明：</p><p> font-size ：设置字体的大小。</p><p> text-transform:uppercase ：是文本都转化为大写字母。</p><p> margin-bottom:20px :这里牵扯到盒模型，其意思是下边框有20px的宽度。</p><p>5、制作邀请函按钮。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">a {
font-size: 18px;
color: #8f3c3c;
border: 1px solid #c66c6c;
border-radius: 3px;
padding: 10px 100px;
text-decoration: none;
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p> border：为其设置边框，该属性的三个参数分别代表了边框宽1px，实线，颜色。</p><p> border-radius: 为其边框设置了3px的圆角。</p><p> padding：上下内边距为10px；左右内边距为100px。</p><p> text-decoration:none : 这样可以去掉链接的下划线。</p><p><span style="font-size: 16px;"><strong> 整体css文件：<em> </em></strong></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> html,body{
height: 100%;
font-family: sans-serif;
color: #801449;
}
body {
background: url(images/1.jpg) center center;
background-size: cover;
margin: 0;
padding: 0;
position: relative;
}
#container {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
h1 {
font-size: 54px;
text-transform: uppercase;
margin-bottom: 20px;
}
p {
font-size: 21px;
margin-bottom: 40px;
}
a {
font-size: 18px;
color: #8f3c3c;
border: 1px solid #c66c6c;
border-radius: 3px;
padding: 10px 100px;
text-decoration: none;
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p><span style="font-size: 18px;"><strong>三、为页面创建交互</strong></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var btn = document.getElementById('button');
btn.onclick = function(e) {
//preventDefault() 可以阻止单机链接后浏览器默认的URL跳转。
e.preventDefault();
btn.innerHTML = "正在进入..."
btn.style.border = "0";
}</pre><div class="contentsignin">Salin selepas log masuk</div></div><p> 首先我们为<a>链接添加id为button。</p><p> 利用document.getElementById(id名)来获取a链接，并将其赋给变量btn。</p><p> 然后为btn添加单机属性调用执行函数。</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> e.preventDefault(); //将阻止其默认的链接跳转。
btn.innerHTML = "正在进入..." //改变文本内容。
btn.style.border = "0";</pre><div class="contentsignin">Salin selepas log masuk</div></div><p>Atas ialah kandungan terperinci html5如何制作一份邀请函？制作邀请函的方法（代码示例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div>
</div>
<div style="height: 25px;">
<div class="wzconBq" style="display: inline-flex;">
<span>Label berkaitan：</span>
<div class="wzcbqd">
<a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ms/search?word=html5" target="_blank">html5</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ms/search?word=suratjemputan" target="_blank">surat jemputan</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">sumber：cnblogs.com</div>
</div>
<div class="wzconOtherwz">
<a href="http://www.php.cn/ms/faq/412329.html" title="如何实现一个简单的跑酷游戏？（代码详解）">
<span>Artikel sebelumnya：如何实现一个简单的跑酷游戏？（代码详解）</span>
</a>
<a href="http://www.php.cn/ms/faq/412397.html" title="浅谈H5的data-*中容易被忽略的一个小问题">
<span>Artikel seterusnya：浅谈H5的data-*中容易被忽略的一个小问题</span>
</a>
</div>
<div class="wzconShengming">
<div class="bzsmdiv">Kenyataan Laman Web ini</div>
<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi 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">Artikel terbaru oleh pengarang</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529366.html">Fahami sentinel di Redis secara mendalam</a>
</div>
<div>2023-04-26 17:59:18</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529362.html">[Organisasi dan perkongsian] 7 alat pengurusan keadaan React yang popular</a>
</div>
<div>2023-04-26 17:47:48</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529360.html">Sebuah artikel membincangkan perbezaan antara kunci dalam Vue2 dan kunci dalam Vue3</a>
</div>
<div>2023-04-26 17:41:42</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529358.html">Artikel tentang kawalan memori dalam Node</a>
</div>
<div>2023-04-26 17:37:05</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529356.html">Berkongsi kemahiran Excel praktikal: 4 petua untuk memadamkan nilai pendua!</a>
</div>
<div>2023-04-26 17:31:25</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/529350.html">Berkongsi kemahiran Word praktikal: Fungsi penukaran antara Cina Ringkas dan Tradisional boleh digunakan dengan cara ini!</a>
</div>
<div>2023-04-26 17:27:32</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/528167.html">Bagaimana untuk menyelesaikan isu merentas domain? Analisis ringkas penyelesaian biasa</a>
</div>
<div>2023-04-25 19:57:58</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/528165.html">Satu artikel untuk memahami corak tunggal dalam JavaScript</a>
</div>
<div>2023-04-25 19:53:11</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/528163.html">Ketahui lebih lanjut tentang Penampan dalam Node</a>
</div>
<div>2023-04-25 19:49:11</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="http://www.php.cn/ms/faq/528161.html">Terokai cara menulis ujian unit dalam Vue3</a>
</div>
<div>2023-04-25 19:41:54</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">Isu terkini</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="http://www.php.cn/ms/wenda/176344.html" target="_blank" title="Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman?" class="wdcdcTitle">Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman?</a>
<a href="http://www.php.cn/ms/wenda/176344.html" class="wdcdcCons">Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-06 15:33:12</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>433</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/ms/wenda/176282.html" target="_blank" title="Bolehkah fail PDF menjalankan HTML5 dan Javascript?" class="wdcdcTitle">Bolehkah fail PDF menjalankan HTML5 dan Javascript?</a>
<a href="http://www.php.cn/ms/wenda/176282.html" class="wdcdcCons">Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-05 12:57: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>1</div>
<div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>456</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/ms/wenda/175892.html" target="_blank" title="Apakah perbezaan antara enctype dan formenctype dalam HTML5?" class="wdcdcTitle">Apakah perbezaan antara enctype dan formenctype dalam HTML5?</a>
<a href="http://www.php.cn/ms/wenda/175892.html" class="wdcdcCons">Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-02 11:47:56</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>275</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/ms/wenda/175834.html" target="_blank" title="Jadikan halaman itu mesra mudah alih?" class="wdcdcTitle">Jadikan halaman itu mesra mudah alih?</a>
<a href="http://www.php.cn/ms/wenda/175834.html" class="wdcdcCons">Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan"> daripada 2024-04-01 20:42:38</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>259</div>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>Topik-topik yang berkaitan</div>
<a href="http://www.php.cn/ms/faq/zt" target="_blank">Lagi>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah kaedah penghasilan penghasilan animasi html5?" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/html5dhzzynxz" class="title-a-spanl" title="Apakah kaedah penghasilan penghasilan animasi html5?"><span>Apakah kaedah penghasilan penghasilan animasi html5?</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Perbezaan antara HTML dan HTML5" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/htmlyhtmldeqb" class="title-a-spanl" title="Perbezaan antara HTML dan HTML5"><span>Perbezaan antara HTML dan HTML5</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/windowstpckq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214292287637.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="pemapar gambar windows tidak boleh memaparkan daripada memori" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/windowstpckq" class="title-a-spanl" title="pemapar gambar windows tidak boleh memaparkan daripada memori"><span>pemapar gambar windows tidak boleh memaparkan daripada memori</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/httpqq415cw"><img src="https://img.php.cn/upload/subject/202407/22/2024072213480083690.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan ralat permintaan http 415" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/httpqq415cw" class="title-a-spanl" title="Bagaimana untuk menyelesaikan ralat permintaan http 415"><span>Bagaimana untuk menyelesaikan ralat permintaan http 415</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/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 tidak boleh boot" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/busyboxvbnkj" class="title-a-spanl" title="busyboxv1.30.1 tidak boleh boot"><span>busyboxv1.30.1 tidak boleh boot</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/tpfymhfymqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213445996861.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Perbezaan antara menyembunyikan kad bebas dan membuka topeng" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/tpfymhfymqb" class="title-a-spanl" title="Perbezaan antara menyembunyikan kad bebas dan membuka topeng"><span>Perbezaan antara menyembunyikan kad bebas dan membuka topeng</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/hbwbtcrhmm"><img src="https://img.php.cn/upload/subject/202407/22/2024072212171079228.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk membeli dan menjual Bitcoin di Huobi.com" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/hbwbtcrhmm" class="title-a-spanl" title="Bagaimana untuk membeli dan menjual Bitcoin di Huobi.com"><span>Bagaimana untuk membeli dan menjual Bitcoin di Huobi.com</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="http://www.php.cn/ms/faq/ccgldmdssvsm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214182363803.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah tujuan pengurusan storan?" /> </a>
<a target="_blank" href="http://www.php.cn/ms/faq/ccgldmdssvsm" class="title-a-spanl" title="Apakah tujuan pengurusan storan?"><span>Apakah tujuan pengurusan storan?</span> </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne">
<div class="wzroTitle">Cadangan popular</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="h5是什么" href="http://www.php.cn/ms/faq/414835.html">h5是什么</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="不懂代码怎么制作h5页面？H5页面制作平台推荐" href="http://www.php.cn/ms/faq/417718.html">不懂代码怎么制作h5页面？H5页面制作平台推荐</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="html5的新特性有哪些" href="http://www.php.cn/ms/faq/473125.html">html5的新特性有哪些</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="什么是h5页面制作" href="http://www.php.cn/ms/faq/468382.html">什么是h5页面制作</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" title="h5和小程序有什么区别" href="http://www.php.cn/ms/faq/463311.html">h5和小程序有什么区别</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>Tutorial Popular</div>
<a target="_blank" href="http://www.php.cn/ms/course.html">Lagi>
</a>
</div>
<div class="wzrthreelist swiper2">
<div class="wzrthreeTab swiper-wrapper">
<div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div>
<div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div>
<div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div>
</div>
<ul class="one">
<li>
<a target="_blank" href="http://www.php.cn/ms/course/14.html" title="Tutorial HTML5 dari kemasukan kepada kemahiran" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/61c2f7c8ad888802.jpg" alt="Tutorial HTML5 dari kemasukan kepada kemahiran"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutorial HTML5 dari kemasukan kepada kemahiran" href="http://www.php.cn/ms/course/14.html">Tutorial HTML5 dari kemasukan kepada kemahiran</a>
<div class="wzrthreerb">
<div>119389 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="14">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/ms/course/554.html" title="Podcast Chuanzhi, Asas HTML5 Dark Horse dan Semantik" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62568428eae00509.png" alt="Podcast Chuanzhi, Asas HTML5 Dark Horse dan Semantik"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Podcast Chuanzhi, Asas HTML5 Dark Horse dan Semantik" href="http://www.php.cn/ms/course/554.html">Podcast Chuanzhi, Asas HTML5 Dark Horse dan Semantik</a>
<div class="wzrthreerb">
<div>79633 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="554">
<b class="nofollow small-nocollect"></b>
</div>
</div>
</div>
</li>
<li>
<a target="_blank" href="http://www.php.cn/ms/course/239.html" title="Akademi Geek HTML5 ciri baharu tutorial video asas" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611c77d6cbd355.jpg" alt="Akademi Geek HTML5 ciri baharu tutorial video asas"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Akademi Geek HTML5 ciri baharu tutorial video asas" href="http://www.php.cn/ms/course/239.html">Akademi Geek HTML5 ciri baharu tutorial video asas</a>
<div class="wzrthreerb">
<div>30036 <b class="kclbcollectb"></b></div>
<div class="courseICollection" data-id="239">
<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/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
<div class="wzrthreerb">
<div >1415743 kali belajar</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/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
<div class="wzrthreerb">
<div >2464957 kali belajar</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/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
<div class="wzrthreerb">
<div >502835 kali belajar</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/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="http://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a>
<div class="wzrthreerb">
<div >215191 kali belajar</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/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Kuasai tutorial video PS dari awal" href="http://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a>
<div class="wzrthreerb">
<div >874385 kali belajar</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/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="http://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a>
<div class="wzrthreerb">
<div >6159 kali belajar</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/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="http://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a>
<div class="wzrthreerb">
<div >4718 kali belajar</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/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="http://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a>
<div class="wzrthreerb">
<div >4051 kali belajar</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/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="http://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a>
<div class="wzrthreerb">
<div >605 kali belajar</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/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/>
</a>
<div class="wzrthree-right">
<a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="http://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a>
<div class="wzrthreerb">
<div >20636 kali belajar</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>Muat turun terkini</div>
<a href="http://www.php.cn/ms/xiazai">Lagi>
</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">kesan web <div></div></div>
<div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div>
<div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div>
<div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="kod hubungan borang mesej perusahaan jQuery" href="http://www.php.cn/ms/xiazai/js/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Kesan main balik kotak muzik MP3 HTML5" href="http://www.php.cn/ms/xiazai/js/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="http://www.php.cn/ms/xiazai/js/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="http://www.php.cn/ms/xiazai/js/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Kod pemain muzik Kugou tiruan VUE.JS" href="http://www.php.cn/ms/xiazai/js/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Permainan kotak menolak html5 klasik" href="http://www.php.cn/ms/xiazai/js/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="http://www.php.cn/ms/xiazai/js/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="Kesan zum hover kulit album peribadi CSS3" href="http://www.php.cn/ms/xiazai/js/8064">[Kesan album foto] Kesan zum hover kulit album peribadi 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/ms/xiazai/code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/xiazai/code/8328" target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8327" target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8326" target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8325" target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8324" target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8323" target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8322" target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="http://www.php.cn/ms/xiazai/code/8321" target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</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/ms/about/xieyi.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a>
<a href="http://www.php.cn/ms/about/yinsi.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a>
<a href="http://www.php.cn/ms/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
<div class="clear"></div>
</dt>
<dd class="cont1">Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</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?1730396153"></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> 
