jquery - javascript 和 jquery 新手。我没有正确关闭某些东西吗？ Dreamweaver 只说 "Syntax Error"

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

<script>
    $(document).ready(function () {
        // Code to bring each link on to screen and in position
        $("#link1").animate({
            left: '30px',
            top: '5px'
        }, 1000);
        $("#link2").animate({
            left: '80px',
            top: '5px'
        }, 1400);
        $("#link3").animate({
            left: '130px',
            top: '5px'
        }, 1400);
        $("#link4").animate({
            left: '180px',
            top: '5px'
        }, 1600);
        $("#link5").animate({
            left: '230px',
            top: '5px'
        }, 1800);

        // Fade in & out on hover
        $("#link1").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link2").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link3").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link4").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link5").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Nudge the link when "clicked"
        $("#link1").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link1").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link2").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link2").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link3").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link3").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link4").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link4").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link5").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link5").mouseup(function () {
            $(this).css("padding-top", "0px");
        });



        // Parallax Scroll
        $(window).bind('scroll', function (e) {
            parallaxScroll();
        });

        function parallaxScroll() {
                var scrolledY = $(window).scrollTop();
                $('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
                $('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
                $('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
                $('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
                $('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');

                $('#bbspinner').animate(function (){
                    $(this).css
("background","url(images/bblogorender0000.png)");
                });

         });
</script>

Answer 1

将您的代码替换为您缺少右括号的代码

       $(document).ready(function () 
        // Code to bring each link on to screen and in position
                      {  $("#link1").animate({
            left: '30px',
            top: '5px'
        }, 1000);
        $("#link2").animate({
            left: '80px',
            top: '5px'
        }, 1400);
        $("#link3").animate({
            left: '130px',
            top: '5px'
        }, 1400);
        $("#link4").animate({
            left: '180px',
            top: '5px'
        }, 1600);
        $("#link5").animate({
            left: '230px',
            top: '5px'
        }, 1800);

        // Fade in & out on hover
        $("#link1").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link2").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link3").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link4").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Fade in & out on hover
        $("#link5").hover(function () {
            $(this).fadeOut(150);
            $(this).fadeIn(150);
        });

        // Nudge the link when "clicked"
        $("#link1").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link1").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link2").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link2").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link3").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link3").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link4").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link4").mouseup(function () {
            $(this).css("padding-top", "0px");
        });

        // Nudge the link when "clicked"
        $("#link5").mousedown(function () {
            $(this).css("padding-top", "5px");
        });

        $("#link5").mouseup(function () {
            $(this).css("padding-top", "0px");
        });



        // Parallax Scroll
        $(window).bind('scroll', function (e) {
            parallaxScroll();
        });

        function parallaxScroll() {
                var scrolledY = $(window).scrollTop();
                $('#bblogo1').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo2').css('top', '-' + ((scrolledY * 0.5)) + 'px');
                $('#bblogo3').css('top', '-' + ((scrolledY * 0.3)) + 'px');
                $('#bblogo4').css('top', '-' + ((scrolledY * 0.9)) + 'px');
                $('#bblogo5').css('top', '-' + ((scrolledY * 0.6)) + 'px');
                $('#bblogo6').css('top', '-' + ((scrolledY * 0.1)) + 'px');
                $('#bblogo7').css('top', '-' + ((scrolledY * 0.4)) + 'px');

                $('#bbspinner').animate(function (){
                    $(this).css
("background","url(images/bblogorender0000.png)");
                });
        }
                      });

您可以在此处检查 Javascript 验证 http://jsfiddle.net/