我正在尝试使用jQuery创建一个底部边框动画,但一直没有成功。有什么建议吗?
jQuery代码
$("#navigation ul li span").hover(function(){
$(this)
.delay(5000)
.css("border-bottom-color", '#FFF')
.css("border-bottom-style","solid")
.css("border-bottom-width","1px");
}
$("#navigation ul li span").mouseout(function(){
$(this).css("border","");
});
HTML代码
<nav id="navigation">
<ul>
<li data-tab-item="sliders" class="current"><span class="tabcurrent">BRAND ADVERTISING</span></li>
<li data-tab-item="identity"><span>IDENTITY</span></li>
<li data-tab-item="print"><span>PRINT</span></li>
<li data-tab-item="events"><span>EVENTS</span></li>
<li data-tab-item="web"><span>WEB</span></li>
<li data-tab-item="bannerAds"><span>BANNER ADS</span></li>
</ul>
</nav>