Home/ Questions/Q 7414471
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T07:06:19+00:00

<head> <style> div { position:absolute; background-color:#abc; left:100px; width:90px; height:90px; margin:15px; right:15px; } </style> <script

  • 0

<head>
    <style>
        div {
            position:absolute;
            background-color:#abc;
            left:100px;
            width:90px;
            height:90px;
            margin:15px;
            right:15px;
        }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
    <button id="left">&laquo;</button>
    <button id="right">&raquo;</button>
    <div class="block"></div>
    <script>
        $("#right").click(function () {
            $(".block").animate({
                "left": "+=50px"
            }, "slow");
        });

        $("#left").click(function () {
            $(".block").animate({
                "left": "-=50px"
            }, "slow");
        });
    </script>
</body>

The question I have is the significance of “left” in $(“.block”).animate({“left”: “-=50px”}, “slow”); I changed to “right” on both now the block isn’t moving or animating now. It only seesm to work when “left”.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I believe when there is a conflict between left and right, left is taking precedence. You really shouldn’t be defining both, just one or the other.

    Remove left from the css and then changing to right should work.

    • 0