评论：jQuery鼠标移上图片放大  [查看原文]

所属分类：UI,媒体-悬停,图片展示

 51284  377  5
当前第1页 / 共1页
    starmcc0
    2019/11/28 11:52:22
    总督sir0
    2017/9/12 15:12:06

    缺点是最后面如果靠浏览器的右边很近的话就看不见了

    回复
    沐皓0
    2017/6/13 10:05:42
    SolarEclipse0
    2017/6/9 9:17:58

    核心就是这几句

    $(function() {
    $(".container a").hover(function() {
        $(this).append("<p id='pic'><img src='" + this.href + "' id='pic1'></p>");
        $(".container a").mousemove(function(e) {
            $("#pic").css({
                "top": (e.pageY + 10) + "px",
                "left": (e.pageX + 20) + "px"
            }).fadeIn("fast");
            // $("#pic").fadeIn("fast");          
        });
    }, function() {
        $("#pic").remove();
    });
});
        #include0
        2017/6/13 9:49:36

        厉害啊大神

    回复

讨论这个项目（5）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复