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

一段效率很高的for循环语句使用方法

Aug 13 Javascript

document.write的几点使用心得

May 14 Javascript

javascript 中__proto__和prototype详解

Nov 25 Javascript

原生js配合cookie制作保存路径的拖拽

Dec 29 Javascript

基于javascript制作微信聊天面板

Aug 09 Javascript

JavaScript实现获取用户单击body中所有A标签内容的方法

Jun 05 Javascript

Vue.js+Layer表格数据绑定与实现更新的实例

Mar 07 Javascript

VUE 3D轮播图封装实现方法

Jul 03 Javascript

JavaScript实现的联动菜单特效示例

Jul 08 Javascript

js事件机制----捕获与冒泡机制实例分析

May 22 Javascript

微信小程序返回上一级页面的实现代码

Jun 19 Javascript

Moment的feature导致线上bug解决分析

Sep 23 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

关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解

2013/06/24 PHP

php通过记录IP来防止表单重复提交方法分析

2014/12/16 PHP

PHP面试题之文件目录操作

2015/10/15 PHP

PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库

2015/11/25 PHP

Thinkphp3.2.3分页使用实例解析

2016/07/28 PHP

jQuery select控制插件

2009/08/17 Javascript

JavaScript 学习笔记（十六） js事件

2010/02/01 Javascript

纯Javascript实现ping功能的方法

2015/03/20 Javascript

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

2015/05/16 Javascript

Nodejs实现批量下载妹纸图

2015/05/28 NodeJs

浅谈jQuery为哪般去掉了浏览器检测

2016/08/29 Javascript

详解vue之页面缓存问题(基于2.0)

2017/01/10 Javascript

Vue关于数据绑定出错解决办法

2017/05/15 Javascript

canvas基础绘制-绚丽倒计时的实例

2017/09/17 Javascript

AngularJS创建一个上传照片的指令实例代码

2018/02/24 Javascript

Angular5集成eventbus的示例代码

2018/07/19 Javascript

vue里input根据value改变背景色的实例

2018/09/29 Javascript

改变layer confirm弹窗按钮的颜色方法

2019/09/12 Javascript

vue 获取到数据但却渲染不到页面上的解决方法

2020/11/19 Vue.js

Python实现优先级队列结构的方法详解

2016/06/02 Python

基于python select.select模块通信的实例讲解

2017/09/21 Python

解决Python 中英文混输格式对齐的问题

2018/07/16 Python

[机器视觉]使用python自动识别验证码详解

2019/05/16 Python

Python循环结构的应用场景详解

2019/07/11 Python

Python测试Kafka集群(pykafka)实例

2019/12/23 Python

Python打印特殊符号及对应编码解析

2020/05/07 Python

纯CSS3实现8组超炫酷鼠标滑过图片动画

2016/03/16 HTML / CSS

乌克兰珠宝大卖场：Zlato.ua

2020/09/27 全球购物

货车司机岗位职责

2014/03/18 职场文书

小学生竞选班长演讲稿

2014/04/24 职场文书

大学自主招生推荐信

2014/05/10 职场文书

2014最新离职证明范本

2014/09/12 职场文书

2014客服代表实习自我鉴定

2014/09/18 职场文书

乡镇领导班子批评与自我批评材料

2014/09/23 职场文书

计划生育工作汇报

2014/10/28 职场文书

黄石寨导游词

2015/02/05 职场文书