管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

div+css实现鼠标放上去，背景跟图片都会变化。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
 <HEAD> 
  <TITLE> New Document </TITLE> 
  <META NAME="Generator" CONTENT="EditPlus"> 
  <META NAME="Author" CONTENT=""> 
  <META NAME="Keywords" CONTENT=""> 
  <META NAME="Description" CONTENT=""> 
  <style type="text/css"> 
    ul{ 
        list-style:none; 
    } 
    a{ 
        padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration:none; 
    } 
    a:link,a:visited{ 
        background:url(/article/upimages/bbs_bg_off.gif); 
    } 
    a:hover,a:active{ 
        background:url(/article/upimages/bbs_bg_on.gif); 
    } 
  </style> 
 </HEAD>

<BODY> 
<ul> 
    <li><a href="test" _ewebeditor_ta_href="test">移动背景变换</a></li> 
    <li><a href="test" _ewebeditor_ta_href="test">移动背景变换</a></li> 
    <li><a href="test" _ewebeditor_ta_href="test">移动背景变换</a></li> 
    <li><a href="test" _ewebeditor_ta_href="test">移动背景变换</a></li> 
    <li><a href="test" _ewebeditor_ta_href="test">移动背景变换</a></li> 
</ul>

</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程