<!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>
添加回答
舉報
0/150
提交
取消