当前位置:Gxlcms > JavaScript > div+css实现鼠标放上去,背景跟图片都会变化。_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:9人阅读

php代码

<!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">移动背景变换</a></li> 
    <li><a href="test">移动背景变换</a></li> 
    <li><a href="test">移动背景变换</a></li> 
    <li><a href="test">移动背景变换</a></li> 
    <li><a href="test">移动背景变换</a></li> 
</ul> 

 </BODY> 
</HTML>

人气教程排行