评论:常见鼠标经过div边框动画

童遥0

2023/5/21 11:00:03

junyi5d0

2019/7/23 16:01:32

指尖微凉的星光0

2019/5/9 16:57:06

栀子0

2019/1/11 11:57:52

Young battlefield。0

2018/10/9 9:55:19

予我心安°0

2018/9/20 10:43:05

microsoftvs0

2018/9/20 11:47:32

我这里一点都不卡

周为止0

2018/6/11 14:34:11

总督sir0

2018/6/18 20:13:54

应该会有的呀

"白"色禁药0

2018/5/21 23:10:45

Prince1

2018/4/20 15:21:42

兄弟有一个很大的bug 你这个this指针指向不明确啊多个同名类调用你这个方法就炸掉了还有最好是innerWidth 和 innerHeight 改了其中一个

function num3() {
    // top边框
    var divTop = "<div style='" + becurr + "top:-2px;left:-2px;width:0px;height:2px' class='divTop'></div>";

    // right边框
    var divRight = "<div style='" + becurr + "top:-2px;right:-2px;width:2px;height:0px;' class='divRight'></div>";

    // Bottom边框
    var divBottom = "<div style='" + becurr + "bottom:-2px;right:-2px;width:0px;height:2px' class='divBottom'></div>";

    // Left边框
    var divLeft = "<div style='" + becurr + "bottom:-2px;left:-2px;width:2px;height:0px;' class='divLeft'></div>";
    _this.hover(function() {
        var n1 = $(this).innerWidth();
        var h1 = $(this).innerHeight();
        var el = $(this)
        el.append(divTop, divRight, divBottom, divLeft);
        var itTopBottom = $(this).find('.divTop,.divBottom'),
            itRightLeft = $(this).find('.divLeft,.divRight');
        itTopBottom.stop().show().animate({
            width: n1 + 3.5
        }, options.speed);
        itRightLeft.stop().show().animate({
            height: h1 + 3.5
        }, options.speed);
    }, function() {
        var itTopBottom = $(this).find('.divTop,.divBottom'),
            itRightLeft = $(this).find('.divLeft,.divRight');
        itTopBottom.stop().show().animate({
            width: 0
        }, options.speed);
        itRightLeft.stop().show().animate({
            height: 0
        }, options.speed, function() {
            itTopBottom.remove();
            itRightLeft.remove();
        });
    })
}