DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js技巧收集(200多個)
js技巧收集(200多個)
編輯:關於JavaScript     

1.文本框焦點問題
onBlur:當失去輸入焦點後產生該事件
onFocus:當輸入獲得焦點後,產生該文件
Onchange:當文字值改變時,產生該事件
Onselect:當文字加亮後,產生該文件

<input type="text" 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

height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和國
</table>        <!-- end head_scrolltext -->
</marquee>

9.狀態欄顯示該頁狀態
<base >

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="" >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>
 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved