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>