1.文字方塊焦點問題
onBlur:當失去輸入焦點後產生該事件
onFocus:當輸入獲得焦點後,產生該檔
Onchange:當文字值改變時,產生該事件
Onselect:當文字加亮後,產生該檔
<input type="text" value="郭強" onfocus="if(value=='郭強') {value=''}" onblur="if
(value=='') {value='郭強'}">點擊時文字消失,失去焦點時文字再出現
2.網頁按鈕的特殊顏色
<input type=button name="Submit1" value="郭強" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.滑鼠移入移出時顏色變化
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red" class="button">
4.平面按鈕
<input type=submit value=訂閱 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;
BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
5.按鈕顏色變化
<input type=text name="nick" style="border:1px solid #666666; font-size:9pt; height:17px;
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
6.平面輸入框
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">
7.使視窗變成指定的大小
<script>
window.resizeTo(300,283);
</script>
8.使文字上下滾動
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和國
</table> <!-- end head_scrolltext -->
</marquee>
9.狀態列顯示該頁狀態
<base onmouseover="window.status='網站建設 HTTP://www.admin5.cn/' ;return true">
10.可以點擊文字實現radio選項的選定
<br>
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03"> 情侶 : 一次註冊兩個帳戶</label> <br>
11.可以在文字域的font寫onclick事件
12.列印</a>列印網頁
<a href='javascript:window.print ()'>
13.線型輸入框
<input type="text" name="key" size="12" value="關鍵字" onFocus=this.select() onMouseOver=this.focus()
class="line">
14.顯示文檔最後修改日期
<script language=javascript>
function hi(str)
{
document.write(document.lastModified)
alert("hi"+str+"!")
}
</script>
15.可以在滑鼠移到文字上時就觸發事件
<html>
<head>
<script language=" LiveScript">
<!-- Hiding
function hello() {
alert( "哈羅!");
}
</script>
</head>
<body>
<a href="" onMouseOver="hello()">link</a>
</body>
</html>
16.可以根據網頁上的選項來確定頁面顏色
<HTML>
<HEAD>
<TITLE >background.html</TITLE>
</HEAD>
<SCRIPT>
<!--
function bgChange(selObj) {
newColor = selObj.options[selObj.selectedIndex].text;
document.bgColor = newColor;
selObj.selectedIndex = -1;
}
//-->
</SCRIPT>
<BODY STYLE="font-family:Arial">
<B>Changing Background Colors </B>
<BR>
<FORM>
<SELECT SIZE="8" onChange="bgChange(this);" >
<OPTION>Red
<OPTION>Orange
<OPTION>Yellow
< OPTION>Green
<OPTION>Blue
<OPTION>Indigo
<OPTION>Violet
<OPTION>White
<OPTION>pink
</SELECT>
</FORM>
</ BODY>
</HTML>
17.將按鈕的特徵改變
<style type="text/CSS">
<!--
.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF
#CCCCCC #CCCCCC #CCCCFF}
.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;
border-color: #CCFF99 #999999 #999999 #CCFF99}