Heim >Web-Frontend >js-Tutorial >div+css实现鼠标放上去,背景跟图片都会变化。_javascript技巧

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

PHP中文网
PHP中文网Original
2016-05-16 19:12:161351Durchsuche

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>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn