因为没学过jQuery,这个苦恼了我很久,最后还是财哥帮忙解决了tab切换,我依葫芦画瓢改了hover时的class改变,代码如下:
第一个hover方法是使得鼠标移上标题时,样式发生改变,然后鼠标移走之后,样式保持;
第二个hover方法是使得鼠标移上标题后,下面的content相应切换;
通过div的id来调用hover方法;
注意hover方法有两个参数,一个是移上去之后的function,还有一个是移走时的function;
<script type="text/javascript">
$(function(){
$('#reward li').hover(function() {
$(this).addClass("selected").siblings().removeClass("selected");
}, function(){
$(this).addClass("selected");
});
$('#reward li').hover(function() {
var key = $(this).attr('key');
key = 'tab' + key;
$('#reward .allimages1').hide();
$('#reward #' + key).show();
}, function(){
});
});
</script>
教训:以后不会的要多问问小伙伴,说不定小伙伴一会儿的功夫就能解决一天的难题!