和標(biāo)記同樣作用于網(wǎng)頁(yè)布局中，它們的不同之處在于：

• span標(biāo)記是屬于內(nèi)聯(lián)的，一般用于小模塊的樣式內(nèi)聯(lián)到HTML文檔中
• div 元素本身就是塊級(jí)元素，多用于組合大塊的代碼

2.如何使一個(gè)DIV層居中定位？

position:absolute;

top:50%;

left:50%;

margin:-100px 0 0 -100px;

3.怎樣解決 filefox 瀏覽器中嵌套 div 標(biāo)簽 text-align 屬性失效的問題?

<span>1</span><span><style>
</style></span><span>2</span><span>.one </span>{<span>border</span>:<span>1px solid blue</span>;<span>width</span>:<span>300px</span>;<span>height</span>:<span>200px</span>;<span>text-align</span>:<span>center </span>}
<span>3</span><span>.two </span>{<span>border</span>:<span>1 px solid blue</span>;<span>width</span>:<span>200px</span>;<span>height</span>:<span>100px</span>;<span>margin</span>:<span>0px auto </span>}
<span>4</span><span>
</span><span>5</span><span><div>
<span>6</span><span><div></div>
</span><span>7</span><span></span>
</div></span>

---

JavaScript 腳本

1.彈出對(duì)話框的函數(shù)和獲得輸入焦點(diǎn)函數(shù)：

　　彈出對(duì)話框使用alert()函數(shù)

　　獲取輸入焦點(diǎn)使用 focus()函數(shù)

2. JavaScript 的轉(zhuǎn)向函數(shù)是什么？怎么引入一個(gè)外部JavaScript文件？

　　轉(zhuǎn)向函數(shù)： window.location.href="文件名稱";

　　引入外部 JavaScript 文件：

3.當(dāng)鼠標(biāo)劃過文本框，自動(dòng)選中文本框中的內(nèi)容：

　4

5.設(shè)置主頁(yè)的 JavaScript 代碼：

Ajax 應(yīng)用

1.利用 jQuery中的Ajax判斷用戶名是否被占用：

　　需要定義兩個(gè)頁(yè)面，index.php 頁(yè)面代碼如下:

 1 <script type="text/javascript" src="jquery-1.4.2.js"></script>
 2 <input type="text"><input type="button" value="校驗(yàn)">
 3 <script type="text/javascript">
 4 $(<span>function<span>() {
 5       $("input:last".click(<span>function<span>() {
 6             $.get ("in.php",<span> {
 7                     username:$("input:first").<span>val()
 8             },<span>function<span>(data) {
 9<span>                     alert (data);
 10             })'<span> 11        });
 12 });
 13 </script>

　　in.php 頁(yè)面代碼如下：

<span> 1</span> <span>php
</span><span> 2</span><span>$string</span>="明日科技"<span>；
</span><span> 3</span><span>if</span>(<span>isset</span><span>($ GET[username])) {
</span><span> 4</span><span>if</span>(<span>urldecode</span>($ GET[username])==<span>$string</span><span>) {
</span><span> 5</span><span>echo</span> "用戶名被占用"<span>;
</span><span> 6</span>     }<span>else</span><span>{
</span><span> 7</span><span>echo</span> "用戶名可用"<span>;
</span><span> 8</span><span>    }
</span><span> 9</span><span>}
</span><span>10</span> ?>

?2. 編寫代碼，使得在文本框中輸入一個(gè)年份，判斷其生肖，并在文本框旁邊輸出，要求寫出HTML和JavaScript代碼：

　　前臺(tái)頁(yè)面設(shè)計(jì)的代碼如下：

3 <script> <span>4<span>var title=$("<span>蘋果"<span>); <span>5 $("div"<span>).replaceWith(title); <span>6 </script>

　　5.將一張圖片以淡出的效果消失在頁(yè)面中：

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <img  src="/static/imghw/default1.png" data-src="color.jpg" class="lazy" alt="PHP求職寶典系列——PHP Web 編程篇" >
<span>3</span> <script>
<span>4 $("img".click(<span>function<span>(){
<span>5     $(<span>this).fadeOut("slow"<span>);
<span>6<span>});
<span>7 </script>

　　6.制作一個(gè)按鈕，當(dāng)按鈕被單擊時(shí)以卷簾效果消失：

<span>1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span>2</span> <input type="button" value="按鈕"><script>
<span>3 $("input").click(d=<span>function<span>(){
<span>4         $(<span>this).slideUp("slow"<span>);
<span>5<span>});
<span>6 </script>

　　7.照片輪換效果：

<span> 1</span> <script type="text/javascript" src="jquery-1.4.2.js"></script>
<span> 2</span> <style>
<span> 3 ul{list-<span>style:none;width:350px;height:200px;position:absolute}
<span> 4<span>li{position:ansolute}
<span> 5 </style>
<span> 6</span> <div>
<span> 7</span> <ul>
<span> 8</span> <li><img  src="/static/imghw/default1.png" data-src="1.jpg" class="lazy" s    style="max-width:90%" height="200px" alt="PHP求職寶典系列——PHP Web 編程篇" ></li>
<span> 9</span> <li><img  src="/static/imghw/default1.png" data-src="2.jpg" class="lazy" s    style="max-width:90%" height="200px" alt="PHP求職寶典系列——PHP Web 編程篇" ></li>
<span>10</span> <li><img  src="/static/imghw/default1.png" data-src="3.jpg" class="lazy" s    style="max-width:90%" height="200px" alt="PHP求職寶典系列——PHP Web 編程篇" ></li>
<span>11</span> <li><img  src="/static/imghw/default1.png" data-src="4.jpg" class="lazy" s    style="max-width:90%" height="200px" alt="PHP求職寶典系列——PHP Web 編程篇" ></li>
<span>12</span> </ul>
<span>13</span> </div>
<span>14</span> <script>
<span>15 $(<span>function<span>(){
<span>16     $(."change ul li:not(:first)"<span>).hide();
<span>17     setInterval(<span>function<span>(){
<span>18<span>if($."change ul li:last").is(":visible"<span>)){
<span>19             $(."change ul li:first").fadeIn("slow"<span>);
<span>20             $(."change ul li:last"<span>).hide();
<span>21     }<span>else<span>{
<span>22             $(."change ul li:visible").next().fadeIn("slow"<span>);
<span>23<span>    }
<span>24   },1000<span>);
<span>25<span>});
<span>26 </script>   

---

鑒于最近要準(zhǔn)備各種期末考和大作業(yè)，發(fā)博時(shí)間明顯減少，勞煩多多理解啊！本篇都是利用零碎時(shí)間編輯的，現(xiàn)在大功告成還是挺滿足啦，若您覺得有幫助，可以隨手點(diǎn)個(gè)贊。

以上就介紹了PHP求職寶典系列——PHP Web 編程篇，包括了方面的內(nèi)容，希望對(duì)PHP教程有興趣的朋友有所幫助。