<pre class="brush:xml;">    ＜!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"＞
＜html＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html; charset=UTF-8"＞
＜script type="text/javascript" src="./js/jquery-1.4.2.min.js"＞＜/script＞
＜title＞导航鼠标效果＜/title＞
＜style type="text/css"＞
 *{padding:0;margin:0;}
 ul{display:none;}
 ul li{list-style:none;}
 a{text-decoration:none;}
 a:hover{text-decoration:underline;color:#555;}
＜/style＞
＜/head＞
＜body＞
 ＜a href="#" id="wrap_mid_top_down"＞任务＜/a＞
 ＜ul id="user_bugs"＞
  ＜li＞＜img src="./images/stang.png" width="20" /＞＜a href="" ＞stang ＜/a＞＜/li＞
  ＜li＞＜img src="./images/king.png" width="20" /＞＜a href="" ＞king ＜/a＞＜/li＞
  ＜li＞＜img src="./images/boss.png" width="20" /＞＜a href="" ＞boss ＜/a＞＜/li＞
 ＜/ul＞
 ＜script type="text/javascript"＞
  $(document).ready(function(){
   $('#wrap_mid_top_down').hover(function(){$(this).next().show();}, function(){$(this).next().hide(); }); 
   $('#wrap_mid_top_down').next().hover(function(){$(this).show();}, function(){$(this).hide();});  
     });
 ＜/script＞
＜/body＞
＜/html＞
```