非常实用的鼠标移动到相应位置,下拉显示全部内容代码
今天分享一个非常实用的鼠标移动到相应位置,下拉显示全部内容代码。
css代码:
.list-article li a:hover{color: #01b6cb;}
.list-article li span{color: #999;padding-left:6px;}
.list-article .active p {display:block;}
.list-article li p{ display:none;width:95%;float:left;line-height:25px;background-color:#f5f5f5;padding:10px;margin:5px 0;}js代码:
$(document).ready(function() {
$list_li = $(".list-article li");
//$list_li.eq(0).addClass("active");
$list_li.mouseover(function() {
$(this).addClass("active");
});
$list_li.mouseleave(function() {
$(this).removeClass("active");
});
});将.list-article li修改为你对应的代码,就可以了!
信息由用户投稿以及用户自行发布,真实性、合法性由发布人负责,涉及到汇款等个人财产或隐私内容时请仔细甄别,注意防骗!如有侵权,请联系:wwwlaoyuwang#126.com(#=@)!我们会第一时间核实处理!
上一篇