实习小结四：如何使用jQuery实现鼠标移动改变Tab

因为没学过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>

教训：以后不会的要多问问小伙伴，说不定小伙伴一会儿的功夫就能解决一天的难题！