鼠标悬停显示图片网站建设问题
1个回答
2015-02-05 · 知道合伙人互联网行家
关注
展开全部
给你一个最简单的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<style type="text/css">
#list li span.img{display:none;}
#list li a{}
#list li a:hover{position:relative;}
#list li a:hover span.img{display:block;position:absolute;top:0;left:100px;}
</style>
</head>
<body>
<ul id="list">
<li><a><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /><span class="img"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" /></span></a></li>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询