Asp.Net& JavaScript:图片幻灯片问题

时间:2011-07-16 16:58:06

标签: javascript asp.net

我正试图在悬停时滑动背景。 我在HTML网页上使用过以下代码,它运行正常。 但是当我尝试在我的ASPX页面中使用它时,首先它给出了这个错误: “Microsoft JScript RunTime错误:'$'未声明” 所以我在function()之前删除了第一个$。但我无法让它继续工作。 任何想法为什么它不起作用? 代码是:

<head runat="server">
    <title></title>
    <script type="text/javascript">
        $(function () {
            $("#vertical div a").hover(function () {
                $("img", this).stop().animate({ top: "-173px" }, { queue: false, duration: 400 });
            }, function () {
                $("img", this).stop().animate({ top: "0px" }, { queue: false, duration: 400 });
            });
        });
    </script>
    <style type="text/css">
        .altikisilik
        {
            display: block;
            background: url('Images/Default/Brazil_bg.png') top;
        }

        #vertical div
        {
            position: relative;
            overflow: hidden;
        }
        #vertical img
        {
            position: absolute;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="vertical" class="clear" runat="server">
        <div>
            <a class="altikisilik" href="Default.aspx">
                <img src="Images/Default/Brazil.png" border="0" alt="Brazil" />
            </a>
        </div>
    </div>
    </form>
</body>

3 个答案:

答案 0 :(得分:0)

我看不到jQuery脚本包含在代码中的任何位置。我认为这将是问题

答案 1 :(得分:0)

您必须在javascript的其余部分上方包含jquery库。

<script src="http://code.jquery.com/jquery-1.6.2.min.js" />

答案 2 :(得分:0)

你应该从网站下载jquery.js:www.jquery.com。或者使用google api支持。实际上你应该导入jquery文件。选择以下之一:

这个方法你应该把jquery-1.6.2.min.js从网站www.jquery.com下载到你放置网站的文件夹,

或只是使用谷歌支持: