编写HTML时，IE浏览器脚本报错

Question

 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>

<script type=text/javascript>
$(document).ready(function() {  

    jQuery.jqsxfg51nav = function(jqsxfg51navhover) {
        $(jqsxfg51navhover).prepend("<span></span>"); 

        $(jqsxfg51navhover).each(function() { 
            var linkText = $(this).find("a").html(); 
            $(this).find("span").show().html(linkText); 
        }); 

        $(jqsxfg51navhover).hover(function() {  
            $(this).find("span").stop().animate({ 
                marginTop: "-40" 
            }, 250);
        } , function() { 
            $(this).find("span").stop().animate({
                marginTop: "0" 
            }, 250);
        }); 
    };
    //下面是调用方法，一个页面也可以调用很多次
    $.jqsxfg51nav("#menu1 li");
    $.jqsxfg51nav("#menu2 li");
});
</script>

这是脚本代码，别的浏览器都没问题，只有IE一直报错，错误如下：

这是在网上找的js，我对这方面不怎么懂，求高手救命啊~~~~~

Answer 1

目测是你的代码使用了html5/css3的特性，IE8不支持。你需要判断下浏览器的版本用别的方法代替，或者平稳降级去掉这些特效。