日期:2014-05-16  浏览次数:20314 次

请问怎样实现这个特效?

如图,当鼠标移动到任意一导航条时出现对应图片,不知道怎样实现
有代码的贴代码噢。在此谢谢了

------解决方案--------------------
如果不要动画效果,用css 就可以

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
li{height:auto;line-height:30px;font-size:20px;}
a span{display:none;}
a:hover span{display:block}</style>
</head>

<body>
<ul>
<li>
<a>111111111<span><img src='http://www.baidu.com/img/bdlogo.gif'></span></a>
 </li>
<li><a>2222222222
<span><img src='http://avatar.csdn.net/4/B/C/1_oyj424.jpg'></span>
 </a></li> 
<li><a>33333333333333
<span><img src='http://www.baidu.com/img/bdlogo.gif'></span>
 </a></li>
</ul>
</body>
</html>