Rumah > hujung hadapan web > tutorial js > div+css实现鼠标放上去,背景跟图片都会变化。_javascript技巧

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

PHP中文网
Lepaskan: 2016-05-16 19:12:16
asal
1350 orang telah melayarinya

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>
Salin selepas log masuk
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan