关于鼠标进入、离开、点击事件的问题_html/css_WEB-ITnose

     <ul>	<li>		<span>			<a href=""  >首页</a>		</span>	</li>	<li>		<span>			<a href="">关于</a>		</span>	</li>	<li>		<span >			<a  href="">案例</a>		</span>	</li>	<li>		<span >			<a href="" >开发</a>		</span>											</li>	<li>		<span>			<a href="">流程</a>		</span>	</li>	<li>		<span >			<a href="">联系方式</a>		</span>	</li></ul>

<script src="//code.jquery.com/jquery-1.9.1.min.js"></script><ul>    <li>        <span>            <a href=""  >首页</a>        </span>    </li>    <li>        <span>            <a href="">关于</a>        </span>    </li>    <li>        <span >            <a  href="">案例</a>        </span>    </li>    <li>        <span >            <a href="" >开发</a>        </span>                                             </li>    <li>        <span>            <a href="">流程</a>        </span>    </li>    <li>        <span >            <a href="">联系方式</a>        </span>    </li></ul><style>  span{background:#ccc;}  span.hover{background:#f00;}  span.active{background:#f0f;}</style><script>  $('span').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).mousedown(function(){$(this).addClass('active')},function(){$(this).removeClass('active')})</script>