jquery - 如何让 div 从右到左滚动 jQuery 动画？

Question

我想让图像（和/或单个宽图像）在幻灯片放映中从右到左缓慢移动，然后在鼠标悬停时暂停。我还想要左右箭头，这将在单击时改变幻灯片的方向。我不确定这叫什么或如何做。

请帮忙。谢谢。

Answer 1

使用 scrollLeft 向左或向右滚动 与当前问题没有太大关系，但肯定对其他用户有所帮助..

       $(document).ready(function () {

     // Creating two Left Right Scroll Button through JQuery
        var  btnRht= $("<input type='button' id='btnLeft' value='>>' class='ButtonStyle' width='5px' />");
     var  btnLeft = $("<input type='button' id='btnRight' value='<<' class='ButtonStyle' />");
           // appending buttons to a td inside a html div 
        $('#tdDoE').append(btnLeft);
    $('#tdDoE').append(btnRht);
    // Left / Rht Scroll scroll     
                $("#btnLeft").click(function () { 
                var leftPos = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 600);
                });   
                    $("#btnRight").click(function () { 

                var leftPos2 = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 600);
                });   

    });

HTML 代码：-

       <div style="width: 300px; overflow: hidden;" class="DivDataMain">
        <table>
            <tr>
                <td id="tdDoE">
                        Scroll Buttons will be appended after this text.
                </td>
            </tr>
        </table>
    </div>