应用jquery实现图文切换效果

使用jquery实现图文切换效果
前端开发过程中需要不断学习，不断温习。最近计划白天继续温习jquery，晚上学习下原生javascript，然后利用一些时间做做网站推广SEO来着。计划暂时这些。 
白天活干完，弄个jquery仿凡客诚品图片切换的效果 
以前写的不是很好，今天重新做个 jquery特效，其实很简单，漠然回首也就那回事。 
先来个原型吧,锋利的jquery第一个例子，相信大家都很熟悉。没错，你绝对没看错。 
代码如下 

1. <div class="menu"> 
2.     <div class="has_children"> 
3.         <span>第一张</span> 
4.         <a href="">11111111</a> 
5.         <a href="">11111111</a> 
6.         <a href="">11111111</a> 
7.         <a href="">11111111</a> 
8.         <a href="">11111111</a> 
9.         <a href="">11111111</a> 
10.     </div> 
11.     <div class="has_children"> 
12.         <span>第二张</span> 
13.         <a href="">22222222</a> 
14.         <a href="">22222222</a> 
15.         <a href="">22222222</a> 
16.         <a href="">22222222</a> 
17.         <a href="">22222222</a> 
18.         <a href="">22222222</a> 
19.     </div> 
20.     <div class="has_children"> 
21.         <span>第三张</span> 
22.         <a href="">33333333</a> 
23.         <a href="">33333333</a> 
24.         <a href="">33333333</a> 
25.         <a href="">33333333</a> 
26.         <a href="">33333333</a> 
27.         <a href="">33333333</a> 
28.     </div> 
29.     <div class="has_children"> 
30.         <span>第四张</span> 
31.         <a href="">44444444</a> 
32.         <a href="">44444444</a> 
33.         <a href="">44444444</a> 
34.         <a href="">44444444</a> 
35.         <a href="">44444444</a>
36.         <a href="">44444444</a> 
37.     </div> 
38. </div> 
39. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
40. <script type="text/javascript"> 
41. $(document).ready(function(){ 
42. //    $(".has_children").click(function(){ 
43. //        $(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();//点击后效果 
44. //    }) 
45.     $(".has_children").mouseover(function(){ 
46.         $(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();//鼠标移动过去效果 
47.     }) 
48. }) 
49. </script>