鼠标滑过 放大显示效果的列表

效果图

</p> <p><title>网友爱唱</title> </p> <p><!-- /*============ Global Style Start ============*/ *{margin:0;padding:0;} body{background-color:#FFF;color:#000;font:normal 12px "宋体", Georgia, "Times New Roman", Times, serif;} img{border:0;} a:link,a:visited{color:#000;text-decoration:none;}a:hover{color:#F65100;text-decoration:underline;} div,p,span,h1,h2,h3,h4,h5,h6,input,ul,li{text-align:left;} ul,li{list-style-type:none;} dt,dd{clear:both;} p{line-height:150%;} .cred,a.cred:link,a.cred:visited,a.cred:hover{color:#F00;} .corange,a.corange:link,a.corange:visited,a.corange:hover{color:#F65100;} /*clear both*/ .clearfix:after {content: ".";display:block;height:0;clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} *+html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear{ clear: both; font-size:1px; width:1px; height:1px; visibility: hidden;} /*============ End Global Style ============*/ #sidebar{margin:0 auto;width:265px;height:auto;} #sidebar h2,#softinfo h2{font-size:14px;height:14px;padding:8px 0 7px 20px;border:1px solid #CDCCCA;letter-spacing:1px;overflow:hidden;background-image:url(images/title-bg.gif);} #sidebar h2 span,#softinfo h2 span{color:#EF2888;} #sidebar p{margin:0 auto;margin:10px 0 10px 0;width:233px;height:36px;color:#777575;background-color:#F7F7F7;display:block;padding:15px;border:1px solid #C5C4C1;} .num_one{display:none;height:54px;padding:8px 10px;border:1px solid #E5E5E5;border-width:1px 0px;background-color:#F4F4F4;clear:both} .num_one span{float:left;margin-right:10px;display:block;width:37px;height:48px;padding-top:4px;background:url(images/bg_num.gif) no-repeat;font-size:32px;color:#FFF;text-align:center} .num_one .p50{float:left;margin-right:10px;} .num_one ul{float:left;padding:0} .num_one ul li{padding-bottom:2px;white-space:nowrap} .num_two{cursor:pointer;height:24px;padding:2px 8px 0;clear:both} .num_two span{display:block;width:17px;line-height:14px;float:left;background:url(images/au_num01.gif) no-repeat 0% 50%;color:#FFF;margin:4px 6px 0 0;font-weight:bold;text-align:center} .num_two a{float:left;margin-top:4px !important;margin-top:6px} .bg{background-color:#FBFBFB;} .bg01{background-color:#F7F7F7;} #copyright{margin:0 auto;margin-top:10px;width:960px;padding:20px 0 20px 0;text-align:center;border-top:3px solid #DDD;} --> </p> <h2><span>献歌</span>鸿人榜</h2> <p> 用爱唱软件录制上传歌曲即可向网友献歌！每周献歌最多者荣登鸿人榜，拿爱唱包！ </p> <p><span>01</span>MP3格式--真...<span>01</span></p> <ul> <li>MP3格式--真...  </li> <li>歌手：汪宇东</li> <li>给我投票 >></li> </ul> <p><span>02</span>Too youn...<span>02</span></p> <ul> <li>Too youn...  </li> <li>歌手：OuttaSk...</li> <li>给我投票 >></li> </ul> <p><span>03</span>原创→恐怖的一天<span>03</span></p> <ul> <li>原创→恐怖的一天  </li> <li>歌手：孙宇</li> <li>给我投票 >></li> </ul> <p><span>04</span>想你的日子<span>04</span></p> <ul> <li>想你的日子  </li> <li>歌手：鑫鑫</li> <li>给我投票 >></li> </ul> <p><span>05</span>咖啡年华<span>05</span></p> <ul> <li>咖啡年华  </li> <li>歌手：帅帅_WU</li> <li>给我投票 >></li> </ul> <p><span>06</span>身别的朋友<span>06</span></p> <ul> <li>身别的朋友  </li> <li>歌手：随风扬</li> <li>给我投票 >></li> </ul> <p><span>07</span>《放学》<span>07</span></p> <ul> <li>《放学》  </li> <li>歌手：衣冠&琴兽</li> <li>给我投票 >></li> </ul> <p><span>08</span>原创「经典情书」<span>08</span></p> <ul> <li>原创「经典情书」  </li> <li>歌手：布拉格のVae</li> <li>给我投票 >></li> </ul> <p><span>09</span>祝愿（原创）<span>09</span></p> <ul> <li>祝愿（原创）  </li> <li>歌手：超人LOVE</li> <li>给我投票 >></li> </ul> <p><span>10</span>《走音格格》<span>10</span></p> <ul> <li>《走音格格》  </li> <li>歌手：☆Gina★</li> <li>给我投票 >></li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]