Question

html里鼠标放到标题上会有下拉的效果如何实现

Answer 1

这是用js实现的，当然jquery更方便些

首先html中用css控制下拉框内容隐藏;display:none;

<div class="nav"><li>标题<p>下拉框中内容</p><li></div>

jquery代码(先引入jquery)：

$('.nav h3').mouseover(function(){
    $(this).find('p').css('display','block');
}).mouseleave(function(){
    $(this).find('p').css('display','none');
});

这是简单的实现原理，就酱

Answer 2

这是用js才能实现的功能！
<script>
$("this").mouseover(function () {
$("this").css("");
});
</script>