浮动广告，在jsp中可以关闭，在html中为什么不能？

浮动广告，在jsp中可以关闭，在html中为什么不能？
html代码如下：
#############################################################
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
 <script type="text/javascript" src="jquery-1.3.2.js"></script>
 <script type="text/javascript" src="dianhua.js"></script>
</head><body>
  <div id="qqonline" style="position:absolute;top:98px;right:16px;width:100px;height:110px; background-image:url(dianhuabk.jpg); background-repeat:no-repeat;">
  <div id="guanbiimg" style="margin-top:110px; float:right; cursor:pointer; background-repeat:no-repeat;width:35px; height:16px;">关闭</div>
</div>
</body>
</html>
dianhua.js代码如下
##############################################################
$(this).scroll(function() { // 页面发生scroll事件时触发 
var bodyTop = 0; 
if (typeof window.pageYOffset != 'undefined') { 
bodyTop = window.pageYOffset; 
} 
else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') 
{ 
bodyTop = document.documentElement.scrollTop; 
} 
else if (typeof document.body != 'undefined') { 
bodyTop = document.body.scrollTop; 
} 
$("#qqonline").css("top", 100 + bodyTop) // 设置层的CSS样式中的top属性, 注意要是小写，要符合“标准” 
}); 
$("#guanbiimg").click( function() { 
alert("ok");
$("#qqonline").hide();
 } 
);
在jsp中点击关闭，id为qqonline的div就会隐藏，可是在html中就不执行click事件，为什么

解决方案 »

  1.   

    用IE调试的话，注意JS脚本是否和HTML文件在同一目录下，另外注意浏览的那个黄色提示条，点击允许脚本。
      

  2.   

    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="dianhua.js"></script>应该是路径问题吧，jsp文件一般都有一个base path 而html中好像没有
    如果路径正确，js代码一样，应该不会有问题
      

  3.   

    使用firefox的插件firebug查看错误出现在哪儿，如果jsp没有问题的话，同意LS的，可能是路径问题。
      

  4.   

    谢谢各位的关注，问题解决了，应该在dianhua.js中加上    $(document).ready(function(){});