1

我正在编写一个网站，使用幻灯片方法为下一页设置下一个和上一个按钮，我可以在下一个按钮的单击事件上执行下一张幻灯片，但是当我尝试对上一个按钮执行操作时，它会产生问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Telas</title>
<!---------------------------------------Script---------------------------------------->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script type="Text/javascript">
        $(document).ready("#BtnNext").click(function () {
            if ($('#MainContainer').css("marginLeft") == "-4275px")
             {
                $('#MainContainer').css("margin-left", "+1425px");
            }
            $('#MainContainer').animate({ marginLeft: "-=1425px" });
        });
    </script>
    <script type="text/javascript">
        $(document).ready("#BtnPrev").click(function () 
        {
            $('#MainContainer').animate({ marginLeft: "+=1425px" });
        });
    </script>
    <script type="text/javascript">
    </script>
    <link href="Styles.css" rel="stylesheet" type="text/css" />
</head>
    <body>
        <div id="Layout">
            <div id="Header"></div>
            <div id="ButtonBar">
                    <input id="BtnNext" type="button"  />
                    <input id="BtnPrev" type="button"  />
                </div>
            <div id="MainContainer">
            </div>
            <div id="Footer"></div>
        </div>
    </body>
</html>
4

0 回答 0