为何点击“返回顶部”物反应？？ style="display: block;也是无效的。。。。。。。

<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="/static/css/admin-info-add.css"/>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<meta charset="utf-8" />
<style type="text/css">
.backToTop {
 display: none;
 width: 18px;
 line-height: 1.2;
 padding: 5px 0;
 background-color: #000;
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}
</style>
<script type="text/javascript">
(function() {
    var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
        .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
            $("html, body").animate({ scrollTop: 0 }, 120);
    }), $backToTopFun = function() {
        var st = $(document).scrollTop(), winh = $(window).height();
        (st > 0)? $backToTopEle.show(): $backToTopEle.hide();
        //IE6下的定位
        if (!window.XMLHttpRequest) {
            $backToTopEle.css("top", st + winh - 166);
        }
    };
    $(window).bind("scroll", $backToTopFun);
    $(function() { $backToTopFun(); });
})();
</script>
</head>
<body>
<div id="div1">
  <a href="/"><span class="span_title">www.rfideye.com 测试ing......</span></a>
</div>
<div id="div2">
</div>
<div id="center">
资讯列表：
to be finished........<a href="/admin/add/info">添加资讯</a>{% for info in infos %} 
<li id="li-title"> {{info.title}} -  {{info.show_name}} - <a href="/admin/modify/info/{{info.id}}">修改</a>
- <a href="/admin/ban/info/{{info.id}}">删除</a>
{% if info.info_status != 9 %}
- <a href="/admin/audit/info/{{info.id}}">审核通过</a>
{% endif %}
- <a href="/admin/preview/info/{{info.id}}" target="_blank" >预览</a>
{% endfor %}<div class="footer">
<ul class="footpage">
<li class="nb">
<a target="_blank" href="">首页</a>
</li>
<li class="nb">
<a target="_blank" href="">友情链接</a>
</li>
<li class="nb">
<a target="_blank" href="">关于我们</a>
</li>
</ul>
</div>
</div>
<div class="backToTop" title="返回顶部" style="display: block;">返回顶部</div>
</body>
</html>

解决方案 »

  1.   

    吧整个<script>块 移动到 </body> 后面
      

  2.   

    非常感谢，现在点击有效了，<div class="backToTop" title="返回顶部" style="display: block;">返回顶部</div>
    style="display: block;"DIV并没有消失，颜色稍稍变化。
      

  3.   

    非常感谢，现在点击有效了，<div class="backToTop" title="返回顶部" style="display: block;">返回顶部</div>
    style="display: block;"DIV并没有消失，颜色稍稍变化。
      

  4.   

    非常感谢，现在点击有效了，<div class="backToTop" title="返回顶部" style="display: block;">返回顶部</div>
    style="display: block;"DIV并没有消失，颜色稍稍变化。