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 に答える