js控制鼠标事件移动及移出效果显示


Posted in Javascript onOctober 19, 2014

鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友

<style type="text/css">
.style0{
background-color:#FFFF00;
}
.style1{
background-color:#00FFFF;
}
</style>
</head>


<body>
<table width="576" height="79" border="1">
<tr>
<td id="td1" onmousemove="document.getElementById('td1').className='style0';" onmouseout="document.getElementById('td1').className='style1'"><div align="center" class="STYLE2">主页</div></td>
<td><div align="center" class="STYLE2">男</div></td>
<td><div align="center" class="STYLE2">女</div></td>
</tr>
</table>
</body>
Javascript 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
第一次接触神奇的Bootstrap网格系统
Jul 27 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
Dec 30 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
JS实现随机抽取三人
Nov 06 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
js读取json的两种常用方法示例介绍
Oct 19 #Javascript
Jquery解析Json格式数据过程代码
Oct 17 #Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 #Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 #Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 #Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 #Javascript
js实现飞入星星特效代码
Oct 17 #Javascript
You might like
一个简单的网页密码登陆php代码
2012/07/17 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
基于vue.js实现侧边菜单栏
2017/03/20 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
[18:16]sakonoko 2017年卡尔集锦
2018/02/06 DOTA
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
Zabbix实现微信报警功能
2016/10/09 Python
Python使用django框架实现多人在线匿名聊天的小程序
2017/11/29 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
python的常用模块之collections模块详解
2018/12/06 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
python使用列表的最佳方案
2020/08/12 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
单位办理社保介绍信
2014/01/10 职场文书
会计电算化个人求职信范文
2014/01/24 职场文书
会计岗位职责范本
2014/03/07 职场文书
2014大学生职业生涯规划书最新范文
2014/09/13 职场文书
2014年教师教学工作总结
2014/11/08 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL