MENU▼

元素跟随鼠标晃动

//父元素
$(".swiper-slide").mousemove(function (event) {
    event = event || window.event;
    ePageX = event.pageX;
    ePageY = event.pageY;

    //X晃动,获取子元素相关属性,imgL为该元素原始Left位置,0.1调节幅度,第一个加号改减号为相反方向
    var l = imgL + (($(this).find('.bgimg').position().left + ePageX - $(this).find('.bgimg').width()/2) - imgL) * 0.1;
    //Y晃动,获取子元素相关属性,imgT为该元素原始Top位置,0.1调节幅度,第一个加号改减号为相反方向
    var t = imgT + (($(this).find('.bgimg').position().top + ePageY - $(this).find('.bgimg').height()/2) - imgT) * 0.1;

    $(this).find('.bgimg').css({
            left: l,
            top: t
    })

});

请为这篇文章评分:
( 这篇文章尚未评分 )