0

CSS:

.right_man
{
    width: 50%;
    height: 100%; 
    overflow: hidden;         
}

JS:

jQuery(document).ready(function () {
    $(this).mousemove(function (e) {
        var page = $(document).width();
        if (page / 2 > e.pageX) {
            $('.right_man').width(page - e.pageX);
        }else {
            $('.right_man').width(page - (e.pageX - (page / 2)) - (page / 2));
        }
    });
});

为什么代码仅适用于 Chrome ?

IE、Mozilla、Opera 忽略了下摆。

我将 $(this).mousemove 更改为 $(window).mousemove。

固定

4

2 回答 2

2

尝试更改$(this).mousemove$(window).mousemove.

于 2012-09-18T12:59:39.923 回答
0

尝试使用jquery css

jQuery(document).ready(function () {
    $(this).mousemove(function (e) {
        var page = $(document).width();
        if (page / 2 > e.pageX) {
            $('.right_man').css("width", page - e.pageX);
        }else {
            $('.right_man').css("width", page - (e.pageX - (page / 2)) - (page / 2));
        }
    });
});

让我知道问题是否仍然存在。

于 2012-09-18T13:06:30.247 回答