常用网页js脚本收集可在线运行演示.docx

常用网页js脚本收集可在线运行演示.docx

《常用网页js脚本收集可在线运行演示.docx》由会员分享，可在线阅读，更多相关《常用网页js脚本收集可在线运行演示.docx（11页珍藏版）》请在冰豆网上搜索。

常用网页js脚本收集可在线运行演示

常用网页js脚本收集（可在线运行演示）

[

实名贴，值得关注]

1.文本框焦点问题

onBlur:

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

onFocus:

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

Onchange:

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

Onselect:

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

[复制到剪贴板]

CODE:

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

2.网页按钮的特殊颜色

[复制到剪贴板]

CODE:

rgb（235,207,22）">

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

[复制到剪贴板]

CODE:

4.平面按钮

[复制到剪贴板]

CODE:

1pxsolid:

#666666;height:

17px;width:

25pt;font-size:

9pt;BACKGROUND-COLOR:

#E8E8FF;color:

#666666"name="submit">

5.按钮颜色变化

[复制到剪贴板]

CODE:

1pxsolid#666666; font-size:

9pt; height:

17px;BACKGROUND-COLOR:

#F4F4FF;color:

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

6.平面输入框

[复制到剪贴板]

CODE:

solid;border-width:

1">

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

[复制到剪贴板]

CODE:

8.使文字上下滚动

[复制到剪贴板]

CODE:

--head_scrolltext-->

A源码下载专业站

--endhead_scrolltext-->

9.状态栏显示该页状态

[复制到剪贴板]

CODE:

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

A源码下载专业站:

一次注册两个帐户

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

12.打印打印网页

[复制到剪贴板]

CODE:

window.print（）'>

13.线型输入框

[复制到剪贴板]

CODE:

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

[复制到剪贴板]

CODE:

functionhi（str）

{

document.write（document.lastModified）

alert（"hi"+str+"!

"）

}

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

[复制到剪贴板]

CODE:

--Hiding

  functionhello（）{

   alert（"哈罗!

"）;

  }

link

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

[复制到剪贴板]

CODE:

Arial">

ChangingBackgroundColors

 Red

 Orange

 Yellow

 Green

 Blue

 Indigo

 Violet

 White

pink

17.将按钮的特征改变

[复制到剪贴板]

CODE:

--

.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}

-->

本例按钮的代码如下：

[复制到剪贴板]

CODE:

18.改变按钮的图片.

[复制到剪贴板]

CODE:

--

.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}

-->

本例的按钮代码如下：

[复制到剪贴板]

CODE:

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

19.打印页面

[复制到剪贴板]

CODE:

doPrint（）;">打印本稿