编程 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 相关文章推荐

js 调用父窗口的具体实现代码

Jul 15 Javascript

从jquery的过滤器.filter()方法想到的

Sep 29 Javascript

Node.js环境下JavaScript实现单链表与双链表结构

Jun 12 Javascript

Bootstrap栅格系统使用方法及页面调整变形的解决方法

Mar 10 Javascript

webpack处理 css\less\sass 样式的方法

Aug 21 Javascript

微信小程序picker组件下拉框选择input输入框的实例

Sep 20 Javascript

VUE重点问题总结

Mar 19 Javascript

vue+webpack dev本地调试全局样式引用失效的解决方案

Nov 12 Javascript

js实现小星星游戏

Mar 23 Javascript

vue props 一次传多个值实例

Jul 22 Javascript

关于小程序优化的一些建议(小结)

Dec 10 Javascript

jquery实现点击左右按钮切换图片

Jan 27 jQuery

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

基于数据库的在线人数，日访问量等统计

2006/10/09 PHP

计算一段日期内的周末天数的php代码（星期六，星期日总和）

2009/11/12 PHP

PHP中header和session_start前不能有输出原因分析

2013/01/11 PHP

PHP中spl_autoload_register函数的用法总结

2013/11/07 PHP

利用PHP绘图函数实现简单验证码功能的方法

2016/10/18 PHP

PHP图片裁剪与缩放示例（无损裁剪图片）

2017/02/08 PHP

PHP提取字符串中的手机号正则表达式怎么写

2017/07/17 PHP

[原创]PHP获取数组表示的路径方法分析【数组转字符串】

2017/09/01 PHP

Yii框架模拟组件调用注入示例

2019/11/11 PHP

flash javascript之间的通讯方法小结

2008/12/20 Javascript

javascript使用smipleChart实现简单图表

2015/01/02 Javascript

javascript清空table表格的方法

2015/05/14 Javascript

json数据处理及数据绑定

2017/01/25 Javascript

nodejs搭建本地http服务器教程

2017/03/13 NodeJs

微信小程序实现瀑布流布局与无限加载的方法详解

2017/05/12 Javascript

Node.js 如何利用异步提升任务处理速度

2019/01/07 Javascript

使用python编写脚本获取手机当前应用apk的信息

2014/07/21 Python

Python整型运算之布尔型、标准整型、长整型操作示例

2017/07/21 Python

Python flask框架post接口调用示例

2019/07/03 Python

Win10 安装PyCharm2019.1.1(图文教程)

2019/09/29 Python

最新2019Pycharm安装教程亲测

2020/02/28 Python

Django QuerySet查询集原理及代码实例

2020/06/13 Python

匡威意大利官方商店：Converse意大利

2018/11/27 全球购物

经典演讲稿范文

2013/12/30 职场文书

网络管理员岗位职责

2014/03/17 职场文书

公司募捐倡议书

2014/05/14 职场文书

二手房购房协议书范本

2014/10/05 职场文书

大学生党员个人总结

2015/02/13 职场文书

庆祝教师节活动总结

2015/03/23 职场文书

2015小学语文教师个人工作总结

2015/05/20 职场文书

开天辟地观后感

2015/06/09 职场文书

课程设计感想范文

2015/08/11 职场文书

高一作文之乐趣

2019/11/21 职场文书

Redis持久化与主从复制的实践

2021/04/27 Redis

浅谈golang 中time.After释放的问题

2021/05/05 Golang

JavaScript offset实现鼠标坐标获取和窗口内模块拖动

2021/05/30 Javascript