DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> 鼠標移入div背景變色完整代碼
鼠標移入div背景變色完整代碼
編輯:WEB前端代碼     
主要是定義了類.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:///a/bjac/wqe0h8ei.htm">jquery滾動頁面到指定位置彈出div</a></dt>
<dt><a href="http:///a/bjac/whwxdpem.htm">高效jquery之使用匈牙利命名法</a></dt>
<dt><a href="http:///a/bjac/cpftbwjy.htm">高效jquery之避免全局變量</a></dt>
<dt><a href="http:///a/bjac/4rexmmg1.htm">高效jquery之緩存變量提高速度</a></dt>
<dt><a href="http:///a/bjac/4ljeapp6.htm">jq的siblings方法</a></dt>
<dt><a href="http:///a/bjac/mpxa1s97.htm">jQuery同胞元素和方法介紹</a></dt>
<dt><a href="http:///a/bjac/3nparwuv.htm">jQuery生成密碼</a></dt>
<dt><a href="http:///a/bjac/te7rga77.htm">jQuery事件的綁定執行順序</a></dt>
<dt><a href="http:///a/bjac/5jn9a9e9.htm">keleyi菜單0.1.8新增功能</a></dt>
<dt><a href="http:///a/bjac/pndhk4st.htm">知道這些常用功能讓你更好使用jQuery</a></dt>
</dl>
</div>
<div class="keleyi"><a href="http:///a/bjac/wg0kpwty.htm">原文</a>鼠標移入div背景變色</div>
<div class="keleyi">
<dl>
<dt><a href="http:///a/bjac/k6sv8gft.htm">JS的eval()方法</a></dt>
<dt><a href="http:///a/bjac/q6ueb725.htm">使用js獲取域名</a></dt>
<dt><a href="http:///a/bjac/06ysbxv0.htm">JS實現一次搜索百度和必應</a></dt>
<dt><a href="http:///a/bjac/jnt8bmec.htm">js生成指定范圍內的隨機數</a></dt>
<dt><a href="http:///a/bjac/ig4v2rv3.htm">javascript整數金額大寫轉換方法</a></dt>
<dt><a href="http:///a/bjac/ara6jk5h.htm">JS全屏漂浮廣告、移入光標停止移動</a></dt>
<dt><a href="http:///a/bjac/2tmj41p9.htm">純javascript模擬地球旋轉</a></dt>
<dt><a href="http:///a/bjac/yevm32cj.htm">JavaScript基本概念介紹</a></dt>
<dt><a href="http:///a/bjac/0bxesvr4.htm">簡單的隨機抽獎JS代碼</a></dt>
<dt><a href="http:///a/bjac/yw9mt8dp.htm">網易郵箱JS編碼實踐規范</a></dt>
</dl>
</div>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved