我正在使用 jQuery 选项卡,并且我为每个选项卡使用图像而不是文本。我想在选项卡处于活动状态时更改图像。选项卡本身的代码是:
<ul>
<li><a href="#tabs-1"><img src="images/dashboard_off.gif"/></a></li>
<li><a href="#tabs-2"><img src="images/advertising_off.gif"/></a></a></li>
<li><a href="#tabs-3"><img src="images/marketing_off.gif"/></a></li>
<li><a href="#tabs-4"><img src="images/office_off.gif"/></a></li>
<li><a href="#tabs-5"><img src="images/networking_off.gif"/></a></li>
<li><a href="#tabs-6"><img src="images/education_off.gif"/></a></li>
</ul>
我想将它们切换到图像的“打开”版本(“images/dashboard_on.gif”等)。
我的脚本是:
<script type="text/javascript">
$(function(){
$( "#tabs" ).tabs({
event: "mouseover"
});
});
</script>
任何帮助将不胜感激!