摘要: 1.概述 采用弹出式悬浮菜单,不但可以使网站的导航内容更加清晰,而且不影响页面的整体效果。运行本实例,如图1所示,当鼠标移动到一级导航菜单的标题上时,将弹出悬浮菜单显示该菜单对应的子菜单,鼠标移出时,将隐藏悬浮菜单。 2.技术要点 本实例主要是在JavaScript中,动态改变<div>标签对象的s 阅读全文
posted @ 2016-06-17 12:03 柯南& 阅读(4833) 评论(1) 推荐(0) 编辑
摘要: 1.概述 在一些个性网站中,网站导航的首选就是flash导航条,flash导航条可以给浏览者带来更好的视觉效果,是网站个性的主要体现之一。 2.技术要点 主要应用Flash动作脚本中的Button类的release()方法实现。Release()方法在按下并释放鼠标左键时触发。 语法如下: 3.具体 阅读全文
posted @ 2016-06-17 09:21 柯南& 阅读(849) 评论(0) 推荐(0) 编辑
摘要: 1.概述 在网站中加入网页助手小精灵,当用户访问网站时,向用户问好,或是传递一些网站的重要信息,不仅可以帮助用户快速了解网站,而且可以让用户对该网站留下深刻的印象。本实例将介绍通过JavaScript调用网页助手小精灵的方法。 2.技术要点 本实例主要通过Microsoft的ActiveX组件Mic 阅读全文
posted @ 2016-06-17 09:01 柯南& 阅读(550) 评论(0) 推荐(0) 编辑
摘要: 1.概述 在实际的Web应该开发或网站开发过程中,经常需要实现文件上传的功能。在文件上传过程中,经常需要用户进行长时间的等待,为了让用户及时了解上传进度,可以在上传文件的同时,显示文件的上传进度条。运行本实例,如图1所示,访问文件上传页面,单击“浏览”按钮选择要上传的文件,注意文件不能超过50MB, 阅读全文
posted @ 2016-06-16 12:21 柯南& 阅读(9887) 评论(2) 推荐(3) 编辑
摘要: 1.概述 在开发网络考试系统时,考试计时并自动提交试卷是必不可少的功能。由于在答卷过程中,试卷不能刷新,所以需要使用Ajax实现无刷新操作。运行本实例,访问准备考试页面index.jsp,在该页面中,单击“开始考试”按钮,将打开新窗口显示开始考试的页面,如图10.1所示,页面会自动计时,当考试时间结 阅读全文
posted @ 2016-06-16 09:06 柯南& 阅读(2212) 评论(0) 推荐(2) 编辑
摘要: 1.概述 循环滚动图片,不仅可以增添Web页面的动态效果,而且可以节省页面空间,有效地保证在有限的页面中显示更多的图片。 2.技术要点 主要应用setTimeout()方法实现图片的循环滚动效果。setTimeout()方法的语法格式如下: 参数说明: a. function:要调用的JavaScr 阅读全文
posted @ 2016-06-15 22:22 柯南& 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页。 2.技术要点 利用Date对象来实现。首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年 阅读全文
posted @ 2016-06-15 21:20 柯南& 阅读(2104) 评论(0) 推荐(0) 编辑
摘要: 1.概述 在实际的开发过程中,经常需要判断用户提交的表单中某个元素的值是否为空,还有一种情况是表单中所有元素的值都不允许为空。本实例将介绍一种简单有效的判断表单中所有元素是否为空的方法。 2.技术要点 主要是在JavaScript中通过循环form对象的elements属性来实现。form对象的el 阅读全文
posted @ 2016-06-15 20:07 柯南& 阅读(5933) 评论(0) 推荐(0) 编辑
摘要: 1.概述 在动态网站的用户注册页面中,经常需要对用户输入的用户名和密码的位数及成员组成进行判断,这样可以规范用户的注册信息。例如本实例,要求用户名由3-10位的字母、数字和下划线组成,密码由6-20位的字母、数字、下划线和点“.”组成并且首字符为字母,这时就需要对用户的输入进行判断,因此笔者编写了两 阅读全文
posted @ 2016-06-15 19:15 柯南& 阅读(4192) 评论(0) 推荐(1) 编辑
摘要: 1.概述 在设计开发网站时,可以在页面中加入显示系统日期的功能,如果在显示系统日期的同时能够显示相应的节日,可以给网站浏览者提供帮助。 2.技术要点 实现特殊日期提示的功能,大致可分为以下几个步骤: (1)创建Date()对象的实例,使用getYear()、getMonth(),getDate()、 阅读全文
posted @ 2016-06-15 17:55 柯南& 阅读(701) 评论(0) 推荐(0) 编辑