Javascript技巧大集合.docx

Javascript技巧大集合.docx

《Javascript技巧大集合.docx》由会员分享，可在线阅读，更多相关《Javascript技巧大集合.docx（55页珍藏版）》请在冰豆网上搜索。

Javascript技巧大集合

程序员部落'sArchiver

程序员部落»【JavaScript技术】»Javascript技巧大集合

花开花落发表于2008-10-1800:

27

Javascript技巧大集合

1.文本框焦点问题

onBlur:

当失去输入焦点后产生该事件

onFocus:

当输入获得焦点后，产生该文件

Onchange:

当文字值改变时，产生该事件

Onselect:

当文字加亮后，产生该文件

点击时文字消失，失去焦点时文字再出现

2.网页按钮的特殊颜色

style="background-color:

rgb（235,207,22）">

3.鼠标移入移出时颜色变化

onMouseOver=this.style.color="red"class="button">

4.平面按钮

1pxsolid:

#666666;height:

17px;width:

25pt;font-size:

9pt;

BACKGROUND-COLOR:

#E8E8FF;color:

#666666"name="submit">[color=#ffffff][/color]

5.按钮颜色变化

1pxsolid#666666;font-size:

9pt;height:

17px;

BACKGROUND-COLOR:

#F4F4FF;color:

#ff6600"size="15"maxlength="16">

6.平面输入框

solid;border-width:

1">

7.使窗口变成指定的大小

8.使文字上下滚动

height=60>

--head_scrolltext-->

共和国

--endhead_scrolltext-->

9.状态栏显示该页状态

10.可以点击文字实现radio选项的选定

情侣:

一次注册两个帐户

11.可以在文字域的font写onclick事件

12.打印打印网页

13.线型输入框

class="line">

14.显示文档最后修改日期

functionhi（str）

{

document.write（document.lastModified）

alert（"hi"+str+"!

"）

}

15.可以在鼠标移到文字上时就触发事件

--Hiding

functionhello（）{

alert（"哈罗!

"）;

}

16.可以根据网页上的选项来确定页面颜色

Arial">

ChangingBackgroundColors

17.将按钮的特征改变

--

.style1{font-size:

12px;background:

#CCCCFF;border-width:

thinthinthinthin;border-color:

#CCCCFF

#CCCCCC#CCCCCC#CCCCFF}

.style2{font-size:

12px;font-weight:

bold;background:

#CCFFCC;border-width:

thinmediummediumthin;

border-color:

#CCFF99#999999#999999#CCFF99}

-->

　　本例按钮的代码如下：

onmouseout="this.className='style1'"class="style1">

18.改变按钮的图片.

--

.style3{font-size:

12px;background:

url（image/buttonbg1.gif）;border:

0px;width:

60px;height:

22px}

.style4{font-size:

12px;font-weight:

bold;background:

url（image/buttonbg2.gif）;border:

0px0;width:

60px;height:

22px}

-->

　　本例的按钮代码如下：

onmouseout="this.className='style3'"class="style3">

19.打印页面

doPrint（）;">打印本稿