首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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>

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

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
ie 调试javascript的工具
Apr 29 Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 Javascript
JavaScript实现页面5秒后自动跳转的方法
Apr 16 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
May 20 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
js实现简单的秒表
Jan 16 Javascript
vue-admin-template配置快捷导航的代码（标签导航栏）
Sep 04 Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 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
调频(4) 长波(3) ad hoc(1) Harman Kardon(1) 电台频率(32) GWEN(1) KDKA(1) 中波(3) 立体声(1) 收音机(62)
You might like
经典的PHPer为什么被认为是草根？
2007/04/02 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
PHP实现Markdown文章上传到七牛图床的实例内容
2020/02/11 PHP
关于this和self的使用说明
2010/08/01 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
Js实现网页键盘控制翻页的方法
2014/10/30 Javascript
JavaScript 学习笔记之变量及其作用域
2015/01/14 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
在javascript中创建对象的各种模式解析
2016/05/16 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
js实现浏览器倒计时跳转页面效果
2016/08/12 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
2017/03/21 jQuery
javascript 中关于array的常用方法详解
2017/05/05 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
深入Python解释器理解Python中的字节码
2015/04/01 Python
浅谈python迭代器
2017/11/08 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python爬虫实例详解
2018/06/19 Python
Django如何开发简单的查询接口详解
2019/05/17 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
python实现坦克大战
2020/04/24 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
HTML5自定义元素播放焦点图动画的实现
2019/09/25 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
ETO男装官方网店：ETO Jeans
2019/02/28 全球购物
关于学习的演讲稿
2014/05/10 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL