动画不能执行 大家帮我看一下

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>jauery</title>

<style type="text/css" media="screen">

       *{padding:0;margin:0;}

    ul{list-style: none;margin-left: 20px;}

    li{float: left;}

    a{text-decoration:none;height:40px;width:100px;background-color: #ccc;display:block;text-align: center;line-height: 40px;margin-bottom: 15px;}

    .on,a:hover{background-color: #ecc;color: #fff;

    }

</style>

<script src="http://libs.baidu.com/jquery/1.9.1/jauery.js">

    $(function(){

    $('a').hover(

        function(){

            $(this).stop().animate({"width":"160px"},200);

            },

        function(){

            $(this).stop().animate({"width":"120px"},200);

            }

        )

    })

</script>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet">

</head>

<body>

    <ul>

        <li><a class="on" href="" title="">首页</a></li>

         <li><a href="" title="">资讯</a></li>

          <li><a href="" title="">新闻</a></li>

           <li><a href="" title="">产品展示</a></li>

    </ul>  

</body>

</html>


慕粉3760367
浏览 1671回答 3
3回答

CoolHuan

引用的jquery已经没了
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery