javascript - 我有 9 个小图像，单击这些图像时，它们会在较大版本的图像中淡出。为什么在浏览器中不起作用(FF))

Question

<style type="text/javascript" src="jquery-1.11.0.min.js"></style>
<style type="text/javascript" src="myCode.js"></style>
</body> //jquery is within my site directory on my desktop


$(document).ready(function(){
//note:
$("#artShow,#changreImage,#clasziImage,#comicImage,#planetImage,#dragonImage,#wineImage,#underwaterImage,#catImage").mouseenter(function(){
$(this).animate({height:"125px",width:"136px"});
    });
$("#artShow,#changreImage,#clasziImage,#comicImage,#planetImage,#dragonImage,#wineImage,#underwaterImage,#catImage").mouseleave(function(){
$(this).animate({height:"118px",width:"129px"});
    });

//注意:悬停函数

//当用户点击带有先前图像悬停功能的小图像时，更大的版本 该图像应该淡入//

$("#big").hide();
    $("#artShow").click(function(){
        $("#big").fadeIn(2000);
            $("#big").click(function(){
                $("#big").fadeOut(2000);
                });

    });

        $("#big2").hide();
    $("#changreImage").click(function(){
        $("#big2").fadeIn(2000);
            $("#big2").click(function(){
                $("#big2").fadeOut(2000);
                });
    });

            $("#big3").hide();
        $("#clasziImage").click(function(){
            $("#big3").fadeIn(2000);
                $("#big3").click(function(){
                    $("#big3").fadeOut(2000);
                });
        });

            $("#big4").hide();
            $("#comicImage").click(function(){
                $("#big4").fadeIn(2000);
                    $("#big4").click(function(){
                        $("#big4").fadeOut(2000);
                    });
                });

                    $("#big5").hide();
                    $("#planetImage").click(function(){
                        $("#big5").fadeIn(2000);
                            $("#big5").click(function(){
                                $("#big5").fadeOut(2000);
                            });
                        });

                            $("#big6").hide();
                            $("#dragonImage").click(function(){
                                $("#big6").fadeIn(2000);
                                    $("#big6").click(function(){
                                        $("#big6").fadeOut(2000);
                                    });
                                });

                                    $("#big7").hide();
                                    $("#wineImage").click(function(){
                                        $("#big7").fadeIn(2000);
                                            $("#big7").click(function(){
                                                $("#big7").fadeOut(2000);
                                            });
                                        });

                                            $("#big8").hide();
                                            $("#underwaterImage").click(function(){
                                                $("#big8").fadeIn(2000);
                                                    $("#big8").click(function(){
                                                        $("#big8").fadeOut(2000);
                                                    });
                                                });

                                                    $("#big9").hide();
                                                    $("#catImage").click(function(){
                                                        $("#big9").fadeIn(2000);
                                                            $("#big9").click(function(){
                                                                $("#big9").fadeOut(2000);
                                                            });
                                                        });

});

Answer 1

<style type="text/javascript" src="jquery-1.11.0.min.js"></style>
<style type="text/javascript" src="myCode.js"></style>

不应该是:

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="myCode.js"></script>

？