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

再次更新！MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)

Feb 05 Javascript

使用EXT实现无刷新动态调用股票信息

Nov 01 Javascript

javascript 函数声明与函数表达式的区别介绍

Oct 05 Javascript

JavaScript实现删除,移动和复制文件的方法

Aug 05 Javascript

JavaScript中定义类的方式详解

Jan 07 Javascript

javascript之IE版本检测超简单方法

Aug 20 Javascript

js实现旋转木马效果

Mar 17 Javascript

教你快速搭建Node.Js服务器的方法教程

Mar 30 Javascript

JavaScript之RegExp_动力节点Java学院整理

Jun 29 Javascript

面包屑导航详解

Dec 07 Javascript

原生实现一个react-redux的代码示例

Jun 08 Javascript

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

Dec 02 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 empty,isset,is_null判断比较（差异与异同）

2010/10/19 PHP

基于PHP常用字符串的总结(待续)

2013/06/07 PHP

php获取网卡的MAC地址支持WIN/LINUX系统

2014/04/30 PHP

php实现中文转数字

2016/02/18 PHP

Thinkphp 框架扩展之标签库驱动原理与用法分析

2020/04/23 PHP

JavaScript的面向对象(一)

2006/11/09 Javascript

javascript 面向对象编程 function也是类

2009/09/17 Javascript

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

2015/01/19 Javascript

深入理解JavaScript系列（42）：设计模式之原型模式详解

2015/03/04 Javascript

基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)

2015/11/24 Javascript

jquery实现两边飘浮可关闭的对联广告

2015/11/27 Javascript

AngularJS基础 ng-switch 指令简单示例

2016/08/03 Javascript

JS创建对象的写法示例

2016/11/04 Javascript

原生JS简单实现ajax的方法示例

2016/11/29 Javascript

Bootstrap3多级下拉菜单

2017/02/24 Javascript

Javascript中将变量转换为字符串的三种方法

2017/09/19 Javascript

JS实现十字坐标跟随鼠标效果

2017/12/25 Javascript

react中使用css的7中方式(最全总结)

2019/02/11 Javascript

基于Vue SEO的四种方案(小结)

2019/07/01 Javascript

[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/19 DOTA

python 自动去除空行的实例

2018/07/24 Python

tensorflow 中对数组元素的操作方法

2018/07/27 Python

Python 实现「食行生鲜」签到领积分功能

2018/09/26 Python

Flask框架学习笔记之模板操作实例详解

2019/08/15 Python

Python开发之基于模板匹配的信用卡数字识别功能

2020/01/13 Python

Python爬虫获取页面所有URL链接过程详解

2020/06/04 Python

Python过滤掉numpy.array中非nan数据实例

2020/06/08 Python

Django实现文章详情页面跳转代码实例

2020/09/16 Python

canvas学习和滤镜实现代码

2018/08/22 HTML / CSS

日期和时间问题

2015/01/04 面试题

小学生新学期寄语

2014/01/19 职场文书

宿舍违规用电检讨书

2014/02/16 职场文书

乡镇领导班子四风对照检查材料

2014/09/27 职场文书

会计实训报告范文

2014/11/04 职场文书

企业催款函范本

2015/06/24 职场文书

新学期感想

2015/08/10 职场文书