Question

这样的效果怎么做出来啊?? 当鼠标放上去的时候就出现这样的效果。。。HTML代码怎么写？？

Answer 1

<script type="text/javascript" src="jquery.js"></script>
<span class="sbx" style="position:relative;">关于明泰
<ul class="sbxul" style=" margin:0; padding:0; display:none; border:1px solid #03C; border-top:none; position:absolute; top:20px; left:0px;">
<li>明泰简介</li>
<li>企业文化</li>
<li>名头新闻</li>
</ul>
</span>

<script type="text/javascript">
$(".sbx").hover(function(){
$(".sbxul").css({"display":"block"});
},function(){
$(".sbxul").css({"display":"none"});
})
</script>

简单的代码就是这样的，jquery.js这个是jquery框架js你如果需要的话可以追问我，或是自己网上找一个都可以

Answer 2

你百度搜索下 jquery 菜单 ,就有很多例子