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性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
JScript分割字符串示例代码
Sep 04 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
使用typescript开发angular模块并发布npm包
Apr 19 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
详解Vue的异步更新实现原理
Dec 22 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程序
2006/10/09 PHP
生成php程序的php代码
2008/04/07 PHP
php xml文件操作代码(一)
2009/03/20 PHP
PHP simple_html_dom.php+正则 采集文章代码
2009/12/24 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
PHP zip扩展Linux下安装过程分享
2014/05/05 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
JavaScript判断是否为数组的3种方法及效率比较
2015/04/01 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
2015/11/09 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
vue监听input标签的value值方法
2018/08/27 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
Python3.5内置模块之time与datetime模块用法实例分析
2019/04/27 Python
Django 重写用户模型的实现
2019/07/29 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
Myprotein台湾官方网站:全球领先的运动营养品牌
2018/12/10 全球购物
servlet面试题
2012/08/20 面试题
生物技术专业毕业生求职信范文
2013/12/14 职场文书
爱护花草树木的标语
2014/06/11 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
2014民事授权委托书范本
2014/09/29 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
2015年乡镇纪委工作总结
2015/05/26 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
一篇文章弄懂Python中的内建函数
2021/08/07 Python