js网页按钮特效源码.docx

1、js网页按钮特效源码1 前进后退按钮特效篇-前进/后退按钮特效篇-前进/后退function GoForward() form1.Button2.value=前进中 history.go(1)function GoBack() form1.Button1.value=后退中 history.go(-1) input type=button name=Button1 value= onClick=GoForward()2 对话框输入限制 按钮特效篇-对话框输入限制按钮特效篇-对话框输入限制function InputChar(cur)var maxlength=100if (cur.chars.

2、value.lengthmaxlength)alert(已经超出了100个字符，请重新填写！)return false 请输入您的建议（不多于100个字符）: 3 组合框跳转按钮特效篇-组合框跳转按钮特效篇-组合框跳转 263 在线 搜 狐 网 新 浪 网 雅 虎 网 4 全部选取按钮特效篇-全部选取按钮特效篇-全部选取function SelectAll(FieldArea) var tempval=eval(document.+FieldArea)tempval.focus()tempval.select() 请在此输入您的建议：5 字段清除按钮特效篇-字段清除按钮特效篇-字段清除func

3、tion ClearAll(TextMessage) if (TextMessage.value = TextMessage.defaultValue) TextMessage.value = 6 字段确认按钮特效篇-地址确认按钮特效篇-地址确认var indexfunction Checked()if (document.layers|document.all) return ValidationEmail()else return truefunction ValidationEmail()var str=document.validation.emailAddress.valuevar

4、filter=/.+.+.2,3$/if (filter.test(str) index=trueelse alert(输入的 Email 地址不正确！) index=false return (index)请输入您的 E-mail 地址: 7 显示滚动字段按钮特效篇-显示滚动字段按钮特效篇-显示滚动字段var s = 0var ScrollMessage = 按钮上显示滚动的字段 document.write()function ScrollButton() document.Button1.ScMessage.value = ScrollMessage.substring(s,Scroll

5、Message.length) + ScrollMessage.substring(0,s)s+if (s = ScrollMessage.length) s = 0setTimeout(ScrollButton(),100)ScrollButton();8 显示时间按钮特效篇-显示时间按钮特效篇-显示时间function ButtonClock() day = new Date();HourNow = day.getHours();MinuteNow = day.getMinutes(); SecondNow = day.getSeconds();TimeNow = day.getTime(

6、);if (HourNow = 0) hour = 12;ap = am; else if(HourNow = 13) hour = (HourNow - 12);ap = pm;if (HourNow = 13) hour = HourNow - 12;if (MinuteNow = 9) minute = 0 + MinuteNow;else (minute = MinuteNow)if (SecondNow = 9) second = 0 + SecondNow;else second = SecondNow;time = hour + : + minute + : + second +

7、 ap;document.form.button.value = time;self.status = time;setTimeout(ButtonClock(), 1000);document.write( + );onError = null;function AlertWindow() alert(按钮可以显示时间！);ButtonClock();9 改变按钮颜色按钮特效篇-改变按钮按钮特效篇-改变按钮function ChangeButton(s) if (INPUT=event.srcElement.tagName) event.srcElement.className=s .big

8、Change color:blue; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow .start color:#FFFF33; background:#CC009910 发送email按钮特效篇-发送 Email按钮特效篇-发送 E-mail11 新型功能按钮按钮特效篇-新型按钮按钮特效篇-新型按钮var max=0;function ButtonList() max=ButtonList.arguments.length; for (i=

9、0; imax; i+) thisi=ButtonList.argumentsi;tl=new ButtonList( 263 在线, 中国人的网上家园);var x=0; pos=0;var l=tl0.length;function NewTypeButton() document.form1.typebutton.value=tlx.substring(0,pos)+; if(pos+=l) pos=0; setTimeout(NewTypeButton(),1500); x+; if(x=max) x=0;l=tlx.length; else setTimeout(NewTypeButton(),100); 12 多功能按钮 按钮特效篇-多功能按钮按钮特效篇-多功能按钮function AlertButton()window.alert(欢迎您光临我的主页！);function HomePageButton()location.href=;function NewWindowButton()window.open(, , width=300, height=200, status=yes, location=no, toolbar=yes, directories=no, menubar=yes);input TYPE=button VALUE=回默认首页 O