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 相关文章推荐
js jquery做的图片连续滚动代码
Jan 06 Javascript
javascript 获取网页参数系统
Jul 19 Javascript
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
Jul 29 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
Nov 30 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
使用webpack打包koa2 框架app
Feb 02 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
封装 axios+promise通用请求函数操作
Aug 11 Javascript
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
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
md5 16位二进制与32位字符串相互转换示例
2013/12/30 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
Laravel路由研究之domain解决多域名问题的方法示例
2019/04/04 PHP
PHP7数组的底层实现示例
2019/08/25 PHP
JQuery中$之选择器用法介绍
2011/04/05 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
单击复制文字兼容各浏览器的完美解决方案
2013/07/04 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
原生js二级联动效果
2017/06/20 Javascript
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
js实现筛选功能
2020/11/24 Javascript
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
python计算N天之后日期的方法
2015/03/31 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
python机器学习之神经网络(一)
2017/12/20 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
Numpy中矩阵matrix读取一列的方法及数组和矩阵的相互转换实例
2018/07/02 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
python分数表示方式和写法
2019/06/26 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
windows支持哪个版本的python
2020/07/03 Python
JPA面试常见问题
2016/11/14 面试题
美术专业学生个人自我评价
2013/09/19 职场文书
应届生找工作求职信
2014/06/24 职场文书
委托书如何写
2014/08/30 职场文书
迎新生标语大全
2014/10/06 职场文书
学习十八大标语
2014/10/09 职场文书
公司催款律师函
2015/05/27 职场文书
创业计划书之酒厂
2019/10/14 职场文书