非常实用的鼠标移动到相应位置,下拉显示全部内容代码
今天分享一个非常实用的鼠标移动到相应位置,下拉显示全部内容代码。
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(#=@)!我们会第一时间核实处理!