JQUERY弹出这种样式的层是怎么做到的如图
发布网友
发布时间:2022-04-29 08:32
我来回答
共1个回答
热心网友
时间:2022-04-25 13:02
其实层的显示和隐藏难的不是js怎么写,而是div怎么写
举个简单的例子
<ul>
<li>
<a>工程师</a><div class="show">显示的内容</div> //.show在css先display:none; 样式自己定义,用到定位
</li>
<li>
<a>工程师</a><div class="show">显示的内容</div>
</li>
</ul>
jq:
$(function(){
$("#box li").hover(function(){
$(this).find(".show").show(); //经过li找到他里面有个为"show”的class,让他显示
},function(){
$(this).find(".show").hide(); //离开li找到他里面有个为"show”的class,让他隐藏
})
})
很简单,不懂可追问,主要还是考div的难度