7

リンクをクリックするとアクティブになるanimatemarginRightプロパティを使用して、背景画像を左にスクロールさせたいのですが、機能しません。奇妙なことに、marginLeftを使用すると、それが機能します。これが私のテストサイトで、これが機能していないjQueryコードです:(背景画像を左にスクロールさせようとしています）また、これを簡単にするために他に何か投稿できるかどうか教えてください。

<script type="text/javascript">
jQuery(document).ready(
function(){
    jQuery('#homelink').click(
        function(){
            jQuery('#SiteBackground').animate({
                marginRight : "1000px"
            },10000);
        });
});
</script>

そして私のhtml:(#SiteBackgroundは私が左に移動したいものであり、＃homelinkはアクティベーターです）

<img id="SiteBackground" src="/jscottsavage/media/Main/Backdrop.jpg" style="position: absolute; left: 0px; top: 0px; z-index: -1; height: 384px;">

<div id="homelink">Home</div>
4

1 に答える 1

3

これを行う方法を考え出しました。それが正しい/適切な方法かどうかはわかりませんが、Firefox、Chrome、および IE 7 以降で動作するので、より良い方法が見つかるまで使用します。基本的には、「marginRight」を「marginLeft」に変更し、以下に示すように数字の前に - 記号を追加するだけです。

<script type="text/javascript">
jQuery(document).ready(
     function(){
        jQuery('#homelink').click(
    function(){
        jQuery('#SiteBackground').animate({
            marginLeft : "-1000px"
        },10000);
    });
});
</script>
于 2013-02-14T04:06:28.607 に答える