国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS控制當鼠標滑過時更換圖片的效果

2024-07-11 08:28:11
字體：大 中 小
來源：轉載
供稿：網友

復制代碼
代碼如下:
<!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=gb2312" />
<title>CSS實現鼠標移動到圖片，更換圖片</title>
</head>
<style type="text/css">
*{ margin:0; padding:0;}
ul li{ list-style:none;}
.nav{ width:800px; height:40px; margin:150px auto;}
.nav ul li{ float:left; width:200px;}
.nav ul li a:link,a:visited{ display:block; width:190px; height:40px; background:url(/jscss/demoimg/wall_s1.jpg);}/*鏈接、點擊后*/
.nav ul li a:hover{background:url(/jscss/demoimg/wall_s2.jpg);}/*鼠標經過*/
.nav ul li a:active{background:url(/jscss/demoimg/wall_s3.jpg);}/*點擊時*/
</style>
<body>
<div class="nav">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 左贡县| 富阳市| 犍为县| 阿坝| 双流县| 美姑县| 霍山县| 漠河县| 合阳县| 江安县| 青神县| 乐昌市| 富源县| 伊宁县| 兴隆县| 都昌县| 营口市| 饶河县| 普兰店市| 金湖县| 南和县| 普兰县| 宾阳县| 盘锦市| 阿克陶县| 宿迁市| 邵阳县| 曲周县| 阳谷县| 神农架林区| 张掖市| 德化县| 奉节县| 镇宁| 四会市| 武城县| 镇江市| 新化县| 定州市| 垣曲县| 罗田县|