css控制div鼠标放上去变色
2014-01-06 09:52
369 查看
主要是定义了类.keleyi以及.keleyi:hover。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <head> <title>鼠标移入div背景变色</title> <base target="_blank" /> <style> .keleyi { height: 300px; width: 360px; border: 1px solid #666; margin-top:1px; } .keleyi:hover { background-color: #eee; } a { color: Blue; } </style> </head> <body> <div class="keleyi"> <dl> <dt>鼠标移入div背景变色</dt> </dl> </div> <div class="keleyi">鼠标移入div背景变色</div> <div class="keleyi"> <dl> <dt>JS的eval()方法</dt> </dl> </div> </body> </html>
相关文章推荐
- 用CSS怎样实现鼠标移上去背景颜色变色 onmouseover、onmouseout
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
- CSS控制表格隔行变色与鼠标滑过变色
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
- 实现文字由右向左一个一个的变色输出,可有css+div来控制页面输出位置
- CSS+DIV实现鼠标经过背景变色
- 实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法。
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- css控制,鼠标移动到DIV层上,更换背景色颜色,兼容IE6,IE7,FF
- CSS控制表格隔行变色与鼠标滑过变色
- div+css实现鼠标放上去,背景跟图片都会变化。
- 鼠标移上去背景变色和控制表格隔行变色代码
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- css实现 : 鼠标移动上去显示div,移开隐藏div
- div+css实现鼠标放上去,背景跟图片都会变化。
- CSS+DIV实现鼠标经过背景变色
- CSS+DIV实现鼠标经过背景变色 [onmouseover; onmouseout]
- CSS+DIV实现鼠标经过背景变色