測試網誌: 4月 2014

<html>
<body>

<button onclick="buildTable()">來按我吧!</button>
<script>
function buildTable(){
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for (i = 1; i <=9; i++){
row = document.createElement("TR")
for (j = 1; j <=9; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal = i + "*" + j+"="+i*j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}

</script>
</head>
<body>
</body>
</html>

Lab18 change pictures

Lab 16 Change an image by moving the mouse

<!DOCTYPE html>

<html>
<head>
<title>lab16</title>

<script>

function mOver(obj){
obj.setAttribute("src","http://4.blog.xuite.net/4/0/3/1/15236299/blog_369324/txt/24443066/11.jpg");
}
function mOut(obj){
obj.setAttribute("src","http://www.spirit-of-metal.com/les%20goupes/X/X%20Japan/pics/1.jpg");
}
</script>
</head>

<body>
<img border="0" src="http://4.blog.xuite.net/4/0/3/1/15236299/blog_369324/txt/24443066/11.jpg" width="500" height="500" onmouseover="mOver(this)" onmouseout="mOut(this)">
</body>
</html>
lab16