您的位置:首页 - web前端
鼠标移入div背景变色完整代码
主要是定义了类.keleyi以及.keleyi:hover。

点击这里查看效果

以下是完整源代码:

<!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>
<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><a href="http://keleyi.com/a/bjac/wqe0h8ei.htm">jquery滚动页面到指定位置弹出div</a></dt>
<dt><a href="http://keleyi.com/a/bjac/whwxdpem.htm">高效jquery之使用匈牙利命名法</a></dt>
<dt><a href="http://keleyi.com/a/bjac/cpftbwjy.htm">高效jquery之避免全局变量</a></dt>
<dt><a href="http://keleyi.com/a/bjac/4rexmmg1.htm">高效jquery之缓存变量提高速度</a></dt>
<dt><a href="http://keleyi.com/a/bjac/4ljeapp6.htm">jq的siblings方法</a></dt>
<dt><a href="http://keleyi.com/a/bjac/mpxa1s97.htm">jQuery同胞元素和方法介绍</a></dt>
<dt><a href="http://keleyi.com/a/bjac/3nparwuv.htm">jQuery生成密码</a></dt>
<dt><a href="http://keleyi.com/a/bjac/te7rga77.htm">jQuery事件的绑定执行顺序</a></dt>
<dt><a href="http://keleyi.com/a/bjac/5jn9a9e9.htm">keleyi菜单0.1.8新增功能</a></dt>
<dt><a href="http://keleyi.com/a/bjac/pndhk4st.htm">知道这些常用功能让你更好使用jQuery</a></dt>
</dl>
</div>
<div class="keleyi"><a href="http://keleyi.com/a/bjac/wg0kpwty.htm">原文</a>鼠标移入div背景变色</div>
<div class="keleyi">
<dl>
<dt><a href="http://keleyi.com/a/bjac/k6sv8gft.htm">JS的eval()方法</a></dt>
<dt><a href="http://keleyi.com/a/bjac/q6ueb725.htm">使用js获取域名</a></dt>
<dt><a href="http://keleyi.com/a/bjac/06ysbxv0.htm">JS实现一次搜索百度和必应</a></dt>
<dt><a href="http://keleyi.com/a/bjac/jnt8bmec.htm">js生成指定范围内的随机数</a></dt>
<dt><a href="http://keleyi.com/a/bjac/ig4v2rv3.htm">javascript整数金额大写转换方法</a></dt>
<dt><a href="http://keleyi.com/a/bjac/ara6jk5h.htm">JS全屏漂浮广告、移入光标停止移动</a></dt>
<dt><a href="http://keleyi.com/a/bjac/2tmj41p9.htm">纯javascript模拟地球旋转</a></dt>
<dt><a href="http://keleyi.com/a/bjac/yevm32cj.htm">JavaScript基本概念介绍</a></dt>
<dt><a href="http://keleyi.com/a/bjac/0bxesvr4.htm">简单的随机抽奖JS代码</a></dt>
<dt><a href="http://keleyi.com/a/bjac/yw9mt8dp.htm">网易邮箱JS编码实践规范</a></dt>
</dl>
</div>
</body>
</html>
本站导航
相关文章
柯乐义 Copyright© keleyi.com