javascript程序题.docVIP

目 录 目 录 1 一、事件类： 3 1.单击触发事件: 3 2.触发最终打开网页的时间: 3 3.打开一个新窗口: 3 4.失去焦点触发事件: 4 二、文本类： 4 1.随机产生城市名称： 4 2.文字循环出现： 5 3.无边框的循环文字出现： 5 三、状态栏类： 6 1.请看状态栏文字效果： 6 2.逐个显示状态栏文字： 7 四、图片类： 7 1.图片链接翻转效果： 7 2.图片隐现效果 8 3.图片的切换效果 8 4.图片滚动的效果： 8 5.多图片切换效果： 9 6.随机产生图片： 10 7.显示图片上传： 11 8.限制图片上传： 11 五、声音控制和时间提示语： 12 1.声音控制按钮： 12 2.随时间变化提示语： 13 六、网页时间类： 14 1.标题栏显示时间上下午星期几： 14 2.可选的年月日历： 15 3.网页时钟 17 4.网页显示完整日期时间： 18 5.新款时钟 19 6.状态栏显示时间上下午星期几： 22 7.状态栏显示时钟： 22 8.状态栏显示完整日期时间： 23 七、收藏夹和主页类 24 1.关闭添加到收藏夹（新浪） 24 2.鼠标单击添加到收藏夹（新浪） 24 3.鼠标点击设为首页 24 4.鼠标悬停加入收藏夹（新浪） 25 5.鼠标悬停添加到收藏夹 25 八、计数转换类： 25 1.累加器： 25 2.体育彩票选号器： 26 九、系统检测类： 27 1.打开硬盘驱动器： 27 2.检测网站速度： 28 3.页面载入进度条 28 十、页面特效类 29 1.产生百页窗效果 29 2.进入页面前显示必读信息 30 3.页面背景选择器 31 十一、导航菜单 31 1.二级相互关联菜单 31 2.Flash菜单效果 33 3.OICQ菜单效果 34 4.二级树型菜单 38 5.改变背景的菜单 39 6.渐隐菜单 40 7.可拖动的菜单 42 8.推拉式菜单 44 十二、按钮类 46 1.虚拟键盘功能 46 2.虚拟键盘功能增加字符键 47 3.只能单击一次的按钮 49 十三、密码验证类 49 1.常用信息输入校验 49 2.电子邮件校验类 51 3.密码验证程序 52 4.密码验证输入三次将关闭浏览器 53 5.评估密码强度 54 一、事件类： 1.单击触发事件: head script language=javascript function pushbutton(){ alert(你好！); } /script titlehao123/title /head body form input type=button name=button1 value=push me onclick=pushbutton() /form /body 2.触发最终打开网页的时间: head title无标题文档/title /head body 这是个简单的HTML网页 br 最终时间是： script language=javaScript !--hide script from old browsers document.write(document.lastModified) //end hiding contents-- /script /body 3.打开一个新窗口: head title?′/title script language=javascript function winopen(){ msg=open(,DisplayWindow,toolbar=no,directories=no,menubar=no,width=500,height=300); msg.document.write(headtitle哈喽！/title/head); msg.document.write(centerh1你好/h1h2这是BJavaScript/B所打开的窗口！/h2/center); } /script /head body form input type=button name=Button1 value=启动 onclick=winopen() / /form /body /html 4.失去焦点触发事件: head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title script language=javascript function getname(str){ alert(哈喽！+str+!) } /script /head body 请输入你的姓名： form input type=text name=name onblur=getname(this.value) va