我正试图在悬停时滑动背景。 我在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>
答案 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下载到你放置网站的文件夹,
或只是使用谷歌支持: