资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
鼠标滑过 放大显示效果的列表
效果图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>网友爱唱</title> <style type="text/css"> <!-- /*============ 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;} --> </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0A%2F%2F%20%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E7%9A%84%E8%8E%B7%E5%8F%96%E8%8A%82%E7%82%B9%E6%96%B9%E6%B3%95%20%0D%0Afunction%20%24(objectId)%7B%20%0D%0Aif(document.getElementById%20%26%26%20document.getElementById(objectId))%7B%20%0D%0A%2F%2F%20W3C%20DOM%20%0D%0Areturn%20document.getElementById(objectId)%3B%20%0D%0A%7D%20%0D%0Aelse%20if%20(document.all%20%26%26%20document.all(objectId))%7B%20%0D%0A%2F%2F%20MSIE%204%20DOM%20%0D%0Areturn%20document.all(objectId)%3B%20%0D%0A%7D%20%0D%0Aelse%20if%20(document.layers%20%26%26%20document.layers%5BobjectId%5D)%7B%20%0D%0A%2F%2F%20NN%204%20DOM..%20note%3A%20this%20won't%20find%20nested%20layers%20%0D%0Areturn%20document.layers%5BobjectId%5D%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Areturn%20false%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F*%20Script%20Form%20www.wangyou.com%20*%2F%20%0D%0Avar%20now_show_id%20%3D0%20%3B%20%0D%0Afunction%20swap(id%2Cbool)%20%0D%0A%7B%20%0D%0A%2F%2Falert(bool)%3B%20%0D%0Aif(id%20%3D%3D%20now_show_id%20)return%20true%3B%20%0D%0Anow_show_id%20%3Did%20%3B%20%0D%0Afor(var%20i%3D1%3Bi%3C%3D10%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Aif(bool)%20%0D%0A%7B%20%0D%0Aif(%24('b'%2Bi)%20!%3D%20null)%7B%20%0D%0A%24(%22b%22%2Bi).style.display%20%3D%20bool%20%3F%20'none'%20%3A%20'block'%3B%20%0D%0A%24(%22s%22%2Bi).style.display%20%3D%20bool%20%3F%20'block'%20%3A%20'none'%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%24(%22b%22%2Bid).style.display%20%3D%20bool%20%3F%20'block'%20%3A%20'none'%3B%20%0D%0A%24(%22s%22%2Bid).style.display%20%3D%20bool%20%3F%20'none'%20%3A%20'block'%3B%20%0D%0A%7D%20%0D%0Avar%20now_id%20%3D%201%3B%20%0D%0Afunction%20swap1(id%2Cbool)%20%0D%0A%7B%20%0D%0A%2F%2Falert(bool)%3B%20%0D%0Aif(id%20%3D%3D%20now_id%20)return%20true%3B%20%0D%0Anow_id%20%3Did%20%3B%20%0D%0Afor(var%20i%3D1%3Bi%3C%3D10%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Aif(bool)%20%0D%0A%7B%20%0D%0Aif(%24('d'%2Bi)%20!%3D%20null)%7B%20%0D%0A%24(%22d%22%2Bi).style.display%20%3D%20bool%20%3F%20'none'%20%3A%20'block'%3B%20%0D%0A%24(%22a%22%2Bi).style.display%20%3D%20bool%20%3F%20'block'%20%3A%20'none'%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%24(%22d%22%2Bid).style.display%20%3D%20bool%20%3F%20'block'%20%3A%20'none'%3B%20%0D%0A%24(%22a%22%2Bid).style.display%20%3D%20bool%20%3F%20'none'%20%3A%20'block'%3B%20%0D%0A%7D%20%0D%0A%2F*%20End%20Script%20*%2F%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> </head> <body> <div id="sidebar"> <h2><span>献歌</span>鸿人榜</h2> <p> 用爱唱软件录制上传歌曲即可向网友献歌！每周献歌最多者荣登鸿人榜，拿爱唱包！ </p> <div id="s1" onmouseover="swap('1',1 );" class="num_two bg01"><span>01</span><a href="/p570074.html" _ewebeditor_ta_href="%2Fp570074.html" target='_blank'>MP3格式--真...</a></div><div id="b1" onMouseOut="swap('1',0 );" class="num_one"><span>01</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p570074.html" _ewebeditor_ta_href="%2Fp570074.html" target="_blank">MP3格式--真... <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>汪宇东</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,570074,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s2" onmouseover="swap('2',1 );" class="num_two bg"><span>02</span><a href="/p628771.html" _ewebeditor_ta_href="%2Fp628771.html" target='_blank'>Too youn...</a></div><div id="b2" onMouseOut="swap('2',0 );" class="num_one"><span>02</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p628771.html" _ewebeditor_ta_href="%2Fp628771.html" target="_blank">Too youn... <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>OuttaSk...</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,628771,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s3" onmouseover="swap('3',1 );" class="num_two bg01"><span>03</span><a href="/p17186.html" _ewebeditor_ta_href="%2Fp17186.html" target='_blank'>原创→恐怖的一天</a></div><div id="b3" onMouseOut="swap('3',0 );" class="num_one"><span>03</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p17186.html" _ewebeditor_ta_href="%2Fp17186.html" target="_blank">原创→恐怖的一天 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>孙宇</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,17186,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s4" onmouseover="swap('4',1 );" class="num_two bg"><span>04</span><a href="/p214259.html" _ewebeditor_ta_href="%2Fp214259.html" target='_blank'>想你的日子</a></div><div id="b4" onMouseOut="swap('4',0 );" class="num_one"><span>04</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p214259.html" _ewebeditor_ta_href="%2Fp214259.html" target="_blank">想你的日子 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>鑫鑫</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,214259,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s5" onmouseover="swap('5',1 );" class="num_two bg01"><span>05</span><a href="/p787832.html" _ewebeditor_ta_href="%2Fp787832.html" target='_blank'>咖啡年华</a></div><div id="b5" onMouseOut="swap('5',0 );" class="num_one"><span>05</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p787832.html" _ewebeditor_ta_href="%2Fp787832.html" target="_blank">咖啡年华 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>帅帅_WU</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,787832,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s6" onmouseover="swap('6',1 );" class="num_two bg"><span>06</span><a href="/p595468.html" _ewebeditor_ta_href="%2Fp595468.html" target='_blank'>身别的朋友</a></div><div id="b6" onMouseOut="swap('6',0 );" class="num_one"><span>06</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p595468.html" _ewebeditor_ta_href="%2Fp595468.html" target="_blank">身别的朋友 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>随风扬</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,595468,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s7" onmouseover="swap('7',1 );" class="num_two bg01"><span>07</span><a href="/p605794.html" _ewebeditor_ta_href="%2Fp605794.html" target='_blank'>《放学》</a></div><div id="b7" onMouseOut="swap('7',0 );" class="num_one"><span>07</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p605794.html" _ewebeditor_ta_href="%2Fp605794.html" target="_blank">《放学》 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>衣冠&琴兽</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,605794,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s8" onmouseover="swap('8',1 );" class="num_two bg"><span>08</span><a href="/p609012.html" _ewebeditor_ta_href="%2Fp609012.html" target='_blank'>原创「经典情书」</a></div><div id="b8" onMouseOut="swap('8',0 );" class="num_one"><span>08</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p609012.html" _ewebeditor_ta_href="%2Fp609012.html" target="_blank">原创「经典情书」 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>布拉格のVae</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,609012,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s9" onmouseover="swap('9',1 );" class="num_two bg01"><span>09</span><a href="/p567174.html" _ewebeditor_ta_href="%2Fp567174.html" target='_blank'>祝愿（原创）</a></div><div id="b9" onMouseOut="swap('9',0 );" class="num_one"><span>09</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p567174.html" _ewebeditor_ta_href="%2Fp567174.html" target="_blank">祝愿（原创） <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>超人LOVE</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,567174,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> <div id="s10" onmouseover="swap('10',1 );" class="num_two bg"><span>10</span><a href="/p639976.html" _ewebeditor_ta_href="%2Fp639976.html" target='_blank'>《走音格格》</a></div><div id="b10" onMouseOut="swap('10',0 );" class="num_one"><span>10</span><div class="p50"><a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'><img src="http://www.glzy8.com/images/logo.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.glzy8.com%2Fimages%2Flogo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p639976.html" _ewebeditor_ta_href="%2Fp639976.html" target="_blank">《走音格格》 <img src="images/try.gif" _ewebeditor_ta_src="images%2Ftry.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://www.glzy8.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com" target='_blank'>☆Gina★</a></li><li><a href="#" _ewebeditor_ta_href="%23" class="more02" onclick='top_song_vote(this,639976,-10,-40,"test");return false;' style='cursor:hand;'>给我投票 >></a></li></ul></div> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程
