修改logo为js

做了一个渐变效果的代码 用了var定义 但是插入之后  不显示图片 不知道怎么搞的  望解答。

用了jquery.js
代码如下：

1. <script type="text/javascript" src="http://www.****.com/jquery.js"></script>
   
2. <script type="text/javascript">
   
3. $(function() {
   
4.     var fadeSpeed = ($.browser.safari ? 600 : 450);
   
5.     $('#logotype').append('<span class="hover"></span>').addClass('noHover');
   
6.     $('.hover').css('opacity', 0);
   
7.     $('.hover').parent().hover(function() {
   
8.         $('.hover', this).stop().animate({
   
9.             'opacity': 1
   
10.         },
    
11.         fadeSpeed)
    
12.     },
    
13.     function() {
    
14.         $('.hover', this).stop().animate({
    
15.             'opacity': 0
    
16.         },
    
17.         fadeSpeed)
    
18.     });
    
19. });
    
20. </script>
    
21. <style type="text/css">
    
22. a#logotype,a#logotype.noHover:hover { background: url(1.gif) no-repeat top left; display: block; position: relative; height: 50px; width: 200px; text-indent:-999em; overflow:hidden; }
    
23. a#logotype .hover { background: url(1.gif) no-repeat bottom left; display: block; position: absolute; top: 0; left: 0; height: 50px; width: 200px; }
    
24. a#logotype:hover { background-position: bottom left; }
    
25. </style>
    

复制代码

这是插入代码：

<a id="logotype" href="http://www.haohand.com">好手社区 - zippo玩法</a>

谁能帮帮忙啊。。。。~~