简单的鼠标移出移入样式改变
来源:互联网 发布:vb 获取div添加style 编辑:程序博客网 时间:2024/05/16 07:34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.style0{
background-color:#999;<!--移入-->
}
.style1{
background-color:#CCF;<!--移出-->
}
</style>
</head>
<body>
<table width="500px" height="100px" 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>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.style0{
background-color:#999;<!--移入-->
}
.style1{
background-color:#CCF;<!--移出-->
}
</style>
</head>
<body>
<table width="500px" height="100px" 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>
</tr>
</table>
</body>
</html>
阅读全文
0 0
- 简单的鼠标移出移入样式改变
- 鼠标移入移出改变样式
- demo5,鼠标移入移出改变样式,总结
- 鼠标移入移出事件改变图片的分辨率
- 图片列表:鼠标移入移出改变图片的透明度
- 鼠标移入移出的代码
- 鼠标的移入移出事件
- 鼠标的移出和移入
- WPF ScrollViewer 滚动条鼠标移入移出及鼠标按下拖动时的外观样式
- 点击图片改变图片大小,鼠标移入移出改变图片大小
- Qt的鼠标移入移出事件
- 盒子鼠标移入移出方向的判断
- 鼠标事件移入移出的比较
- div鼠标移入移出的方向判断
- jQuery的鼠标移入与移出事件
- Qt的鼠标移入移出事件
- jQuery的鼠标移入与移出事件
- 鼠标移入移出事件
- log4j-over-slf4j与slf4j-log4j12共存stack overflow异常分析
- sql之left join、right join、inner join的区别
- Redis常用数据类型
- 生产者和消费者问题详解
- 【Angular】windows10下配置Angular开发环境
- 简单的鼠标移出移入样式改变
- 6.策略模式
- Android SurfaceFlinger VSync流程分析
- ubuntu16.04下面xfce4没有声音
- JavaSE (九)面向对象之封装
- 解决用android Studio开发不能去除标题栏的问题
- gist
- C++ 智能指针
- linux驱动中ioctl函数的使用