您现在的位置是:鼠标移上去出现显示层

鼠标移上去出现显示层

Web 日期:2016-12-02点击:2563
这里是图片的名字
<div class="a">
    <img src="a.jpg" />
    <div class="b" >
        这里是图片的名字
    </div>
</div>
<style>
.a{width:100px; height:100px; position:relative;}
.b{width:100px; height:20px; background:#CCC url(/bg.png); position:absolute;left:0px; bottom:20px;display:none}
 
</style>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
    $(".a").hover(function(){
    $(this).find(".b").slideDown();
    },function(){
    $(this).find(".b").slideUp();
    });
});
</script>
标签: HTML CSS

站长简介

姓名:喻理
微信:yuli0927
邮箱:yuli0927@126.com
不懂业务的运维工程师不是一个好程序员。

分类

最新文章

热门文章