我有一个菜单结构:
<ul id="nav">
<li id="button1" class="active"><a href="#page-1" title="creative">creativ</a><
<li id="button1"><a href="#page-1" title="creative">creativ</a></ul>
我每.active
堂课都添加背景图片:
#nav li.active a{cursor:default;
background:url(images/nav-li-a_hover.png) no-repeat bottom center;
padding-bottom:5px;}
它正在工作。但是我想当我单击一个菜单项时,获得具有淡入淡出效果的背景图像。我如何通过 jQuery 或 CSS3 做到这一点?