如何通过鼠标指向图片来隐现文字

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

一个table或者<DIV>放置一张图片(有链接)和位于图片下方的一段文本,希望使得鼠标移到图片上时显示文本(图片也显示),鼠标移出时隐藏文本。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title></title>

<style type="text/css">

<!--

body{

font-size: 12px;

}

img{

border: 0;

}

div a:hover{

background: #FFFFFF;

text-decoration: none;

color: #666666;

}

div a p{

display: none;

}

div a:hover p{

display: block;

width: 60px;

text-align: center;

margin: 5px 0;

}

-->

</style>

</head>

<body>

<div><a href="#"><img src="http://www.webjx.com/img/200406301.jpg" alt="网页教学网" width="60" height="46" /><p>网页教学网</p></a></div>

</body>

</html>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航