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[js]获取url参数的代码
Oct 17 Javascript
JavaScript 快捷键设置实现代码
Mar 13 Javascript
Javascript事件热键兼容ie|firefox
Dec 30 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
javascript折半查找详解
Jan 26 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
May 24 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 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
用PHP连接Oracle for NT 远程数据库
2006/10/09 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
IE6下JS动态设置图片src地址问题
2010/01/08 Javascript
js chrome浏览器判断代码
2010/03/28 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
jquery图片上下tab切换效果
2011/03/18 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
构建大型 Vue.js 项目的10条建议(小结)
2019/11/14 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
Python处理JSON数据并生成条形图
2016/08/05 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
python使用MQTT给硬件传输图片的实现方法
2019/05/05 Python
PyQt5实现简易电子词典
2019/06/25 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
美国社交购物市场:MassGenie
2019/02/18 全球购物
应届毕业生个人自我评价
2013/09/20 职场文书
英语系毕业生自荐信
2013/10/31 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
(开源)微信小程序+mqtt,esp8266温湿度读取
2021/04/02 Javascript
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android