鼠標滑過放大顯示效果的列表

2019-11-21 01:31:38

字體：大中小

來源：轉載

供稿：網友

效果圖

<!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">  </style> <script language="javascript" type="text/javascript">  </script> </head> <body> <div   class="iwvjtn8m0"   id="sidebar"> <h2><span>獻歌</span>鴻人榜</h2> <p> 用愛唱軟件錄制上傳歌曲即可向網友獻歌！每周獻歌最多者榮登鴻人榜，拿愛唱包！ </p> <div   class="iwvjtn8m0"   id="s1" onmouseover="swap('1',1 );" class="num_two bg01"><span>01</span><a href="/p570074.html" target='_blank'>MP3格式--真...</a></div><div   class="iwvjtn8m0"   id="b1" onMouseOut="swap('1',0 );" class="num_one"><span>01</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p570074.html" target="_blank">MP3格式--真...  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>汪宇東</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,570074,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s2" onmouseover="swap('2',1 );" class="num_two bg"><span>02</span><a href="/p628771.html" target='_blank'>Too youn...</a></div><div   class="iwvjtn8m0"   id="b2" onMouseOut="swap('2',0 );" class="num_one"><span>02</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p628771.html" target="_blank">Too youn...  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>OuttaSk...</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,628771,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s3" onmouseover="swap('3',1 );" class="num_two bg01"><span>03</span><a href="/p17186.html" target='_blank'>原創→恐怖的一天</a></div><div   class="iwvjtn8m0"   id="b3" onMouseOut="swap('3',0 );" class="num_one"><span>03</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p17186.html" target="_blank">原創→恐怖的一天  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>孫宇</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,17186,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s4" onmouseover="swap('4',1 );" class="num_two bg"><span>04</span><a href="/p214259.html" target='_blank'>想你的日子</a></div><div   class="iwvjtn8m0"   id="b4" onMouseOut="swap('4',0 );" class="num_one"><span>04</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p214259.html" target="_blank">想你的日子  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>鑫鑫</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,214259,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s5" onmouseover="swap('5',1 );" class="num_two bg01"><span>05</span><a href="/p787832.html" target='_blank'>咖啡年華</a></div><div   class="iwvjtn8m0"   id="b5" onMouseOut="swap('5',0 );" class="num_one"><span>05</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p787832.html" target="_blank">咖啡年華  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>帥帥_WU</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,787832,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s6" onmouseover="swap('6',1 );" class="num_two bg"><span>06</span><a href="/p595468.html" target='_blank'>身別的朋友</a></div><div   class="iwvjtn8m0"   id="b6" onMouseOut="swap('6',0 );" class="num_one"><span>06</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p595468.html" target="_blank">身別的朋友  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>隨風揚</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,595468,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s7" onmouseover="swap('7',1 );" class="num_two bg01"><span>07</span><a href="/p605794.html" target='_blank'>《放學》</a></div><div   class="iwvjtn8m0"   id="b7" onMouseOut="swap('7',0 );" class="num_one"><span>07</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p605794.html" target="_blank">《放學》  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>衣冠&琴獸</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,605794,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s8" onmouseover="swap('8',1 );" class="num_two bg"><span>08</span><a href="/p609012.html" target='_blank'>原創「經典情書」</a></div><div   class="iwvjtn8m0"   id="b8" onMouseOut="swap('8',0 );" class="num_one"><span>08</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p609012.html" target="_blank">原創「經典情書」  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>布拉格のVae</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,609012,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s9" onmouseover="swap('9',1 );" class="num_two bg01"><span>09</span><a href="/p567174.html" target='_blank'>祝愿（原創）</a></div><div   class="iwvjtn8m0"   id="b9" onMouseOut="swap('9',0 );" class="num_one"><span>09</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p567174.html" target="_blank">祝愿（原創）  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>超人LOVE</a></li><li><a href="#" class="more02" onclick='top_song_vote(this,567174,-10,-40,"test");return false;' style='cursor:hand;'>給我投票 >></a></li></ul></div> <div   class="iwvjtn8m0"   id="s10" onmouseover="swap('10',1 );" class="num_two bg"><span>10</span><a href="/p639976.html" target='_blank'>《走音格格》</a></div><div   class="iwvjtn8m0"   id="b10" onMouseOut="swap('10',0 );" class="num_one"><span>10</span><div   id="iwvjtn8m0"   class="p50"><a href="http://m.survivalescaperooms.com" target='_blank'><img src="https://www.jb51.net//m.survivalescaperooms.com/images/logo.gif" width="50" height="50" alt="" /></a></div><ul><li><a href="/p639976.html" target="_blank">《走音格格》  <img src="https://www.jb51.netimages/try.gif" width="14" height="11" alt="播放" /></a></li><li>歌手：<a href="http://m.survivalescaperooms.com" target='_blank'>☆Gina★</a></li><li><a href="#" 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需刷新才能執行]

上一篇：用tip解決Ext列寬度不夠的問題

下一篇：漂亮的js tab圖片輪換效果代碼(可自定義的幻燈片和圖片緩沖切換)