[
会员中心
] [
发布文章
][
发布软件
] [
中文繁體
]
文章·资料
电脑软件
手机软件
网站源码
电脑·手机·网络
学习
话题
娱乐
故事
文化·历史
国学典籍
法律法规
操作系统
网络
办公·文件
音频视频
图形图像
硬件·驱动程序
行业
教学学习
编程
游戏
安卓
苹果
鸿蒙
其他
ASP
.NET
JSP
PHP
HTML·CSS·JavaScript
本 站 搜 索
发 送 文 章
使用脚本(JavaScript)实现鼠标通过(onMouseOver)/离开(onMouseOut)文本、图片、表格时的特殊效果
〖
评论()
〗〖
留言
〗〖
收藏
〗
收信地址
填写收信人的电子邮箱
邮件主题
填写邮件主题
邮件内容
文本测试: br br font face=宋体 size=3 color=#008000 onMouseOver=JavaScript:this.style.color='#FF0000'; onMouseOut=JavaScript:this.style.color='';文本测试:鼠标通过时,文本改变颜色,离开后恢复原来的颜色/font br br font face=宋体 size=3 color=#008000 onMouseOver=JavaScript:this.style.color='#FF0000';this.style.textDecoration='underline'; onMouseOut=JavaScript:this.style.color='#0000FF';this.style.textDecoration='none';文本测试:鼠标通过时,文本改变颜色并显示下划线,第一次离开后又改变成另外一种颜色/font br br font face=宋体 size=3 color=#008000 onMouseOver=JavaScript:this.style.backgroundColor='#FF0000'; onMouseOut=JavaScript:this.style.backgroundColor='';文本测试:鼠标通过时,文本背景改变颜色,离开后恢复原来的颜色/font br br font face=宋体 size=3 color=#008000 onMouseOver=JavaScript:this.style.backgroundColor='#FF0000';this.style.textDecoration='underline'; onMouseOut=JavaScript:this.style.backgroundColor='#0000FF';this.style.textDecoration='none';文本测试:鼠标通过时,文本背景改变颜色并显示下划线,第一次离开后又改变成另外一种颜色/font br br br 图片测试 br br 图片载入时比较模糊,当鼠标通过时变得清晰,离开后又恢复原来的样子(opacity 后面的数字是调节清晰度的,要多少清晰度自己修改) br img src=https://dangbai.cn//Upload/200808/200809080001.jpg border=0 style=filter:alpha(opacity=40); onMouseOver=JavaScript:this.filters.alpha.opacity='100'; onMouseOut=JavaScript:this.filters.alpha.opacity='40'; br br br 表格测试 br br table border=1 width=500 height=10 tr bgcolor=#FFFFFF onMouseOver=JavaScript:this.style.backgroundColor='#FF0000'; onMouseOut=JavaScript:this.style.backgroundColor=''; td height=30 width=490当鼠标通过这一行时,背景颜色改变,离开时又恢复原来的颜色/td /tr tr td height=30 width=490/td /tr /table注:onMouseOver=JavaScript:this.style.backgroundColor='#FF0000'; 这一句是鼠标通过时行背景要显示的颜色,#FF0000 这是十六进制的颜色代码,可以自行修改;onMouseOut=JavaScript:this.style.backgroundColor=''; 这一句是鼠标离开时行背景要显示的颜色,这里颜色代码留空,表示恢复行原来的背景颜色。 使用脚本(JavaScript)实现鼠标通过(onMouseOver)/离开(onMouseOut)文本、图片、表格时的特殊效果__当百网 文本测试: 文本测试:鼠标通过时,文本改变颜色,离开后恢复原来的颜色 文本测试:鼠标通过时,文本改变颜色并显示下划线,第一次离开后又改变成另外一种颜色 文本测试:鼠标通过时,文本背景改变颜色,离开后恢复原来的颜色 文本测试:鼠标通过时,文本背景改变颜色并显示下划线,第一次离开后又改变成另外一种颜色 图片测试 图片载入时比较模糊,当鼠标通过时变得清晰,离开后又恢复原来的样子(opacity 后面的数字是调节清晰度的,要多少清晰度自己修改) 表格测试 当鼠标通过这一行时,背景颜色改变,离开时又恢复原来的颜色 注:onMouseOver=JavaScript:this.style.backgroundColor='#FF0000'; 这一句是鼠标通过时行背景要显示的颜色,#FF0000 这是十六进制的颜色代码,可以自行修改;onMouseOut=JavaScript:this.style.backgroundColor=''; 这一句是鼠标离开时行背景要显示的颜色,这里颜色代码留空,表示恢复行原来的背景颜色。
文章网址:
https://dangbai.cn/article.asp?ID=10002851
填写邮件内容
发信地址
填写发信人的电子邮箱
邮件签名
填写邮件签名
验证码
填写验证码,单击刷新验证码
程序执行中,请稍候...
〖文章发送协议〗
·欢迎使用本站在线文章发送系统。
·不得使用本站在线发送邮件系统发送垃圾邮件、广告邮件。
·如果收信人地址或其服务器出现错误,可能无法成功发送。
·如果有什么问题,或者意见建议,请联系[
网站管理员
]。
当百网
本站使用【啊估文章软件站】网站系统
〖
网站管理员留言簿
〗