JavaScript网页特效范例宝典.doc

JavaScript网页特效范例宝典
第1章窗口/框架与导航条设计
1.1弹出窗口控制
实例001打开新窗口显示广告信息
实例002定时打开窗口
实例003通过按钮创建窗口
实例004自动关闭的广告窗口
实例005控制弹出窗口居中显示
实例006弹出的窗口之cookie控制
实例007为弹出的窗口加入关闭按钮
实例008关闭弹出窗口时刷新父窗口
实例009关闭IE主窗口时，不弹出询问对话框
1.2弹出网页对话框
实例010弹出网页模式对话框
实例011弹出全屏显示的网页模式对话框
实例012网页拾色器
实例013日期选择器
1.3窗口的动画效果
实例014页面自动滚动
实例015打开窗口特殊效果
实例016动态显示窗口
实例017慢慢放大的窗口
实例018下降式浏览器
实例019旋转的窗口
实例020移动的窗口
实例021震动的窗口
实例022弹出广告窗口
1.4窗口控制
实例023窗口始终在最上面
实例024窗口的最小化、最大化
实例025频道方式窗口
实例026全屏显示
实例027设置窗口大小和位置
实例028刷新当前页
实例029自动最大化
实例030自定义导航控制面板
实例031根据用户分表率自动调整窗口
1.5窗口的其他效果
实例032打开窗口时显示对话框
实例033使窗口背景透明
实例034立体窗口
实例035动态标题栏
实例036固定大小的窗口
1.6框架的应用
实例037框架集的嵌套
实例038在网页中应用浮动框架
实例039创建空白框架
实例040居中显示框架页
1.7无边框窗口
实例041全屏显示无边框有滚动条的窗口
实例042应用CSS+DIV实现指定尺寸无边框无滚动条窗口
实例043应用JavaScript实现指定尺寸无边框无滚动条窗口
1.8水平导航条应用
实例044图片按钮导航条
实例045导航条的动画效果
实例046不用图片实现质感导航条
1.9下拉菜单式导航条
实例047二级导航菜单
实例048半透明背景的下拉菜单
实例049展开式导航条
实例050用层制作下拉菜单1
实例051用层制作下拉菜单2
1.10侧导航条设计
实例052自动隐藏式菜单
实例053收缩式导航菜单
实例054树状导航菜单
第2章表单及表单元素
2.1文本框/编辑框/隐藏域组件
实例055获取文本框/编辑框/隐藏域的值
实例056自动计算金额
实例057设置文本框的只读属性
实例058限制多行文本域输入的字符个数
实例059自动选择文本框/编辑框中的文字
实例060按下回车键时自动切换焦点
2.2下拉列表/菜单
实例061获取下拉列表/菜单的值
实例062遍历多选择下拉列表
实例063在下拉列表中进行多项移除
实例064将数组中的数据添加到下拉菜单中
实例065应用下拉菜单选择所要联机的网站
实例066多级级联菜单
实例067可以输入文字的下拉菜单
实例068根据下拉菜单的值显示不同控件
实例069分级下拉列表
2.3单选按钮组
实例070不提交表单获取单选按钮的值
实例071选中单选按钮后显示其他表单元素
实例072通过单选按钮控制其他表单元素是否可用
2.4复选框
实例073不提交表单获取复选框的值
实例074控制复选框的全选或反选
实例075只有一个复选框时控制复选框的全选或反选
2.5密码域
实例076让您的密码域更安全
实例077不提交表单自动检测密码域是否相同
2.6表单应用
实例078通过JavaScript控制表单的提交与重置
实例079带记忆功能的表单
实例080防止表单重复提交
实例081自动提交表单
实例082通过for循环获取表单元素的中文名称
实例083可以提交到不同处理页的表单
第3章实用JavaScript函数
3.1数据验证
实例084通过正则表达式验证日期
实例085验证输入的日期格式是否正确
实例086检查表单元素是否为空
实例087验证E-mail是否正确
实例088通过正则表达式验证电话号码
实例089验证输入的字符串是否为汉字
实例090验证身份证号码
实例091验证用户名和密码
实例092验证车牌号码
实例093验证网站地址
实例094验证数量和金额
实例095验证字符串是否以指定字符开头
实例096限制数组字符串的长度
3.2字符串处理
实例097小写金额转换为大写金额
实例098二区字符串中的空格
实例099转换输入文本中的回车和空格
实例100将数字字符串格式化指定长度
实例101把一个长数字分位显示
实例102将RGB格式的颜色值转换为十六进制格式
实例103将IP地址转换为对应的数值
实例104从指定URL中提取文件名
3.3随机函数
实例105随机产生指定位数的验证码
实例106生成随机字符串
3.4日期与时间
实例107显示长日期格式的系统日期
实例108实时显示系统