【卜維丰】Q31-Q45

Question 31 ~ Question 45

Question 31.

請設計一個網頁，內容只包含一個IFRAME，寬度依瀏覽器為準，但距離左邊界240像素，也就是瀏覽器可用的寬度扣除240像素後靠右對齊，高度則是瀏覽器可用高度，並在IFRAME中預先載入的網址是http://moztw.org。
您可以考慮網頁中加入body的CSS設定，加入overflow:hidden，如此一來，主頁面就不會產生捲軸，只有IFRAME有捲軸。

Question 32.

請把Question32.html的計算機完成。參考 cal.html

Question 33.

如何把一份表單中的所有欄位都暫時停止輸入或選取？

Question 34.

在頁面中顯示今天的完整中文格式日期，格式為「2008/3/20 星期四」。

Question 35.

設計一份屬於您自己的Rollover（變圖）效果。

Question 36.

Maxthon是IE系列的瀏覽器之一，Flock則是基於FireFox核心的一款瀏覽器，寫一個可以分別出使用者是使用IE或Maxthon、FireFox或Flock的瀏覽器判斷。
Maxthon正體中文：http://www.maxthon.cn/cht/
Flock：http://www.flock.com/

Question 37.

有一份xml，檔名為a.xml內容如下：
<root>
<name>日/韓</name>
<name>日本</name>
<name>日本/韓國</name>
<name>日本/韓國影片</name>
<name>日本小說</name>
<name>日本銀幣</name>
<name>日本影片</name>
<name>日本職棒</name>
<name>日式</name>
<name>日劇</name>
</root>

假設：
var xml=loadXML('a.xml');
var na=parseXML(xml);

na希望取得的值是陣列型態，parseXML()應該怎麼設計？
loadXML()在Question37目錄下可以找到。

Question 38.

Question38目錄中，有個名為mouse.png的小圖片，試著使用這個小圖片，製作出「跟著滑鼠跑」的功能，也就是這張圖片會一直保持在滑鼠指標右下角。

Question 39.

請將Question39.html完成，利用createElement()動態產生表格。

function createTable(r,c,na){
	// 取得 body 標籤為物件
        var body = document.getElementsByTagName("body")[0];

// 建立 <table> 標籤以及 <tbody> 標籤
	var tbl     = document.createElement("table");
        var tblBody = document.createElement("tbody");

// 建立儲存格
        for (var j=0; j<r; j++) {
            // 建立列
            var row = document.createElement("tr");
            row.setAttribute('id','R'+j);

for (var i=0; i<c; i++) {
                // 建立 <td> 標籤以及文字節點
                // 然後把 <td> 加到列後
                var cell = document.createElement("td");
                if(typeof na=='undefined'){
			var cellText = document.createTextNode("cell is row "+j+", column "+i);
		}else{
                	var cellText = document.createTextNode(na[j][i]);
		}

cell.appendChild(cellText);
                row.appendChild(cell);
            }

// 把列加到 <tbody> 內
            tblBody.appendChild(row);
        }

// 把 <tbody> 加入到 <table>
        tbl.appendChild(tblBody);
        // 把 <table> 加入到 <body>
        body.appendChild(tbl);
        // 設定表格外框
        tbl.setAttribute("border", "2");
}

Question 40.

製作三份下拉清單，分別代表年月日，載入後，自動停留在今天日期上，如：

Question 41.

已知：
華氏 = 攝氏*(9/5)+32
攝氏 = (華氏-32)*5/9

請完成Question41.html，並符合以下條件：

1.只允許輸入減號及數字。
2.在輸入的同時，即可立刻轉換。
3.華氏可以轉攝氏，攝氏可以轉華氏。

Question 42.

Ｑuestion42裡有四張圖片，分別是狼、斑馬、老虎、獅子。製作一份表單，其中下拉清單中含有這四種動物名稱，雙擊動物名稱後，在畫面右側顯示這張圖片。

Question 43.

看過電影最後謝幕嗎？在不使用<marquee>標籤情況下，製作一段可以由下向上移動的謝幕文字。

Question 44.

Question45.html裡有幾段文字，請設計其中「小字型」、「大字型」的功能。

Question 45.

www.amazon.com亞馬遜是個有優久歷史的網路商城，也不斷針對最方便使用者瀏覽介面加強設計，每個刊登在amazon.com的商品都有多幅照片，如：

也請設計類似功能。

以下為本站文章分類清單

以下為本頁本文內容

Question 31 ~ Question 45