交换式图片按钮 - 事件 - [ JavaScript实例大全 ]

基础
链接
- 按钮式超链接
- 超链接确认对话框
- 单击按钮链接到指定的网页
- 定时改变超链接文字的颜色
- 定时滚动超链接
- 定时前往其他页面
- 关闭窗口超链接
- 取得目前页面页的网址
- 取得页面的超链接数
- 取得页面中所有超链接地址
- 设定超链接样式
- 随机产生超链接地址
- 页面载入等待
- 制作登陆的密码验证功能
事件
- 单击和双击鼠标事件
- 给网页设定快捷键
- 跟随鼠标移动的图片
- 跟随鼠标移动的文字
- 跟随鼠标移动的星星
- 检查是否按下Ctrl、Alt、Shift键
- 交换式图片按钮
- 进入、离开网页显示信息
- 禁止单击鼠标右键
- 绝对禁止单击鼠标右键
- 可以用鼠标拖动的文字
- 取得按键的ASCII编码
- 取得按下的按键
- 取得键盘的方向键
- 取得鼠标按键
- 取得鼠标在网页中X、Y坐标(IE)
- 取得鼠标在网页中的X、Y坐标(Netscape)
- 使用鼠标拖动图片
- 使用外部鼠标指针样式
- 鼠标经过时改变一列表格的颜色
- 鼠标控制文字的滚动
- 网页弹出菜单
- 网页树形目录
- 网页下拉菜单
- 显示不同的鼠标指针样式
- 显示或隐藏图片
- 用方向键来控制图片移动
- 在超链接上显示提示信息
- 在鼠标单击处显示图片
表单处理
- 查看文字字段的内容
- 带标签的复选框
- 单击选项按钮改变网页背景颜色
- 读取表单中所有元素名称
- 防止表单多次发送
- 改变目前选取的选项按钮的颜色
- 改变文字区域的高宽
- 改变文字字段中文字的对齐方式
- 检验两个复选框是否同时选中
- 检验一个复选框是否选中
- 检验一组复选框是否选取
- 检验一组选项按钮的选择情况
- 将文件字段中选取的图片在网页中显示出来
- 解除所有复选框的选取
- 连动式选项按钮
- 取得从文件字段中选取图片的高宽
- 取得列表中选取的多个值
- 取得文件中选取的文件名称
- 取得文件字段中选取的文件名称
- 取得文件字段中选取图片的大小
- 取得文件字段中选取文件的扩展名
- 取得文字区域中文字的行数
- 取得下拉菜单中的选取值
- 取得下拉菜单中选取项目的索引值
- 全选或取消的复选框
- 全选所有复选框
- 使用E-Mail发送表单
- 使用键盘选择文字字段
- 使用文字字段取得focus
- 鼠标经过时改变文字字段边框的颜色
- 鼠标经过时改变文字字段的背景颜色
- 鼠标经过时改变文字字段的文字颜色
- 鼠标经过时选取文字字段中的文字
- 双重输入文字
- 随机设置表单的发送地址
- 跳页菜单的实现
- 图片发送按钮
- 文字字段自动调整大小
- 限制在文字区域中输入的文字数量
- 限制在文字区域中输入的文字行数
- 相当于发送按钮的超链接
- 相当于重设按钮的超链接
- 验证文字字段是否有输入的资料
- 验证文字字段中输入的是否是日期格式
- 验证文字字段中输入的是否是时间格式
- 验证文字字段中输入的是否是数字
- 验证文字字段中输入的是否是邮箱地址
- 验证文字字段中输入的是否为字母
- 一个简单的计算器
- 以图片显示输入的数字
- 允许或禁止对整个表单的访问
- 在文字区域中添加一行文字
- 在文字区域中移动光标的位置
- 在新窗口中打开网页
- 在新窗口中显示表单内容
- 制作Google搜索表单
- 自动切换为英文输入模式
声音处理
- MIDI播放选择播放音乐
- 播放AVI影片
- 单击播放音乐
- 控制Flash动画的播放/停止
- 控制Media Player影片的播放/停止
- 控制QuickTime影片的播放/停止
- 随机播放背景音乐
- 在Media Player中播放一个外部影片文件
图片处理
- 定时更换图片
- 改变图片重叠顺序
- 滚动图片效果
- 灰度、反相、X光效果
- 禁止图片下载
- 满天飞舞的雪花
- 每隔一定时间更换广告图片
- 设定背景的渐变效果
- 使用百叶窗效果来更换图片
- 使用水平棋盘来更换图片
- 始终在右下角的图片
- 水中倒影效果
- 随机水平细纹效果来更换图片
- 随机显示图片
- 图片不停闪烁效果
- 图片大小变化
- 图片渐渐出现
- 图片扭曲变形效果
- 图片隐现的效果
- 移动图片位置
- 预先载入图片
检查与验证
- 检查是否为IP地址
- 检查是否为URL
- 检查是否为电子邮件地址
- 检查是否为日期
- 检查是否为时间
- 检查是否为数字和字母
- 检查是否为邮政编码
- 检查是否为字母
- 检验是否为数字
- 利用正则表达法除去字符串中的重复字符
时间与日期
- 带开关的时钟
- 倒影计时
- 分别取得目前的时、分、秒
- 分别取得目前日期的年、月、日
- 计算未来时间
- 节日倒计时
- 取得距离基准时间指定毫秒数的时间
- 全中文日期显示
- 显示时间停留
- 显示有上/下午的时间
- 显示指定日期
- 以本地格式显示日期
- 在标题栏中动态显示时间
- 在标题栏中显示日期
- 在不同的时间显示不同的提示信息
- 在网页中显示目前的日期
- 在网页中显示目前是星期几
- 在网页中显示中文日期和中文星期
- 在文字栏中动态显示时间
- 在页面指定位置显示时钟
浏览器
- 获取操作系统名称
- 获取脚本程序引擎信息(IE)
- 获取浏览器的版本
- 检测是否安装了Flash插件
- 检测是否安装了QuickTime插件
- 判断使用的浏览器
- 取得用户信息
- 取得浏览器的名称
Cookie操作
- 获取Cookie的值
- 检测浏览器是否关闭了Cookie功能
- 将资料写入Cookie
- 只显示一次弹出式窗口
Window
- 打印网页
- 更换内置页框的内容
- 回到浏览器首页
- 将网页加入到“收藏”IE
- 满天星背景
- 取得屏幕的色彩品质
- 为网页访问设置时间限制
- 显示网页最后更新时间
- 显示浏览器访问过的网站数
- 载入网页进度条
- 弹出多个窗口
- 弹出广告窗口
- 弹出一个顶层窗口
- 弹出一个全屏幕窗口
- 弹出一个无属性栏的窗口
- 弹出一个自动关闭窗口
- 弹出一个自动关闭窗口2
- 取得屏幕的大小
- 取得浏览器窗口的大小(IE)
- 确认对话框
- 让滑块在窗口左边出现
- 输入对话框
- 提示浏览者更改分辨率
- 显示网页对话框
- 显示网页对话框2
- 在警告对话框中显示多行信息文字
- 指定弹出窗口的位置
文本
- 字符串比较
- 英文大小写
- 分割字符串
- 不断变色的文字
- 产生渐变颜色的文字效果
- 拼接字符串
- 从右至左搜索字符串
- 动感Loading文字
- 动态缩放文字
- 发光特效文字
- 反弹文字
- 获取部分字符串
- 取得字符串的长度
- 取得字符串中指定位置的字符
- 让浏览者自己选择网页的文字颜色
- 让浏览着自己选择网页文字的大小
- 升降文字
- 使用指定的字符分割字符串
- 鼠标移上来去改变文字的样式
- 鼠标移上去改变文字颜色
- 搜索字符串
- 文字从左边移动到右边
- 隐藏显示文字
- 英文字母大小写转换
- 逐行显示文字
- 逐字变化文字颜色
- 逐字显示文字
综合
- 猜数字游戏
- 反转文字
- 计算复利
- 检查是否为闰年
- 取得网络的下载速度
- 用用户名来欢迎登录
- 左面滑出的上下菜单
- 背景向下移动
- 背景图形
- 手动变换背景色
- 鼠标变换链接色
- 选择背景图形
- 用户选择背景色
- 背景色安全测试
- 背景图形居中
- 变色文本特效
- 按钮显示背景色
- 颜色选择器
- 首字母转为大写
- 十二生肖
- 波动文本
- 计算器
- 日历特效
- 页面加载进度
- 当前时间
- 距离某天时间
- 显示全中文日期
- 倒计时1
- 倒计时2
- 显示随机文本
- 文本不停变色
- 颜色渐变的文本
- 文本自动输出
- 文本自动滚屏
- 文本框中控制输入字数
- 变换的文本内容
- 左右晃动
- 响应鼠标变换
- 全部选取
- 字段清除
- 显示滚动字段
- 显示时间
- 链接弹出警告框
- 随次数变化提示
- 离开页面弹出窗口
- 定制打开窗口
Phototype对象
- JS中的phototype
- Javascript中的prototype与继承
- jQuery和Prototype的兼容性和冲突的多种解决方法