效果如下图

实现的代码很少，很简洁，可参考学习复制代码代码如下：脚本类型='text/javascript' jQuery(文档)。ready(function(){ ShowImage1()；});var ShowImage1=function () { $(' .show_box1 .show _ box _ DD’).悬停（函数(e) { $(').show_box1 .phover ').hide()；$('.show_box1 .show _ box _ DD’).show()；$(这个)。hide()；$(这个)。兄弟姐妹()。show()；}，function(){ })；};/script复制代码代码如下： pre _ code _ snippet _ id=' 169406 ' snippet _ file _ name=' blog _ 20140124 _ 1 _ 9547095 ' name=' code ' class=' JavaScript ' div style=' border-left : none ' class=' module-box1 orangeback show _ box1 '/pre/pre _ code _ snippet _ id=' 169406 ' snippet _ file _ name=' blog _ 201401222222220014好评度排名/span/div/DD style=' padd ' : 15px 0 10px 15px ' class=' phover ' em class=' current ' 1/emimmg class=' JIU pic ' src=' http 3360 images/JIU。 gif ' width=' 100 ' height=' 100 '/span class=' pname ' a href=' # ' target=' _ blank '五粮液/a /spanspan class='pinpingzhe '品评评分：/spanspan class='fenshu'8.6分/span div class='杜金span class=' jindutiao ' em class=' fen 0 '/em/span/div/DD DD DD class=' show _ box _ DD ' style=' display : none；em1/ema href='#' target='_blank '五粮液/aspan class='rank'9分/span/DD/div DD style=' padd : 15px 0 10px 15px；显示器：无' phover ' em=' current ' 2/emimmg=' JIU pic ' src=' http : images/JIU。gif ' width=' 100 ' height=' 100 '/span class=' pname ' a href=' # ' target=' _ blank '泸州老窖/a /spanspan class='pinpingzhe '品评评分：/spanspan class='fenshu'8.6分/span div='杜金span='金杜岛em=' fen 0 '/em/span/div/DD DD class=' show _ box _ DD ' em2/EMA href=' # ' target=' _ blank '泸州老窖/aspan class='rank'9分/span/DD/div DD style=' padd : 15px 0 10px 15px；显示器：无；' phover ' em=' current ' 3/emimmg=' JIU pic ' src=' http : images/JIU。gif ' width=' 100 ' height=' 100 '/span class=' pname ' a href=' # ' target=' _ blank '金六福/a /spanspan class='pinpingzhe '品评评分：/spanspan class='fenshu'8.6分/span div='杜金span='金杜岛em=' fen 0 '/em/span/div/DD DD class=' show _ box _ DD ' em3/EMA href=' # ' target=' _ blank '金六福/aspan class='rank'9分/span/DD/div/dl/div/pre/pre