網頁特效從下往上過渡共享圖庫_最新圖片

更新時間：2009年04月10日 19:53:32 作者：

非常不錯的應用，圖片的輪換效果，用于一些圖片的現實。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>共享圖庫_最新圖片</title> <style> div{ FILTER:revealTrans(transition=4,duration=2); POSITION:absolute; left:0px; top:32px; width:100%; visibility: visible; } </style> </head> <body onLoad="p()"> <div   class="vvxyksv9kd"   id="jx1" onMouseOver="s(1)" onMouseOut="s(0)" align="center"> <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828006395.jpg" alt="五一歡樂購" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="五一歡樂購" target="_blank" class="hui">五一歡樂購 </a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828063479.jpg" alt="棉花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="棉花" target="_blank" class="hui">棉花</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828063294.jpg" alt="廣告設計素材" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="廣告設計素材" target="_blank" class="hui">廣告設計素材 </a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828066054.jpg" alt="結婚請柬" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="結婚請柬" target="_blank" class="hui">結婚請柬 </a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828068789.jpg" alt="玫瑰和心" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="玫瑰和心" target="_blank" class="hui">玫瑰和心</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828007706.jpg" alt="寫實荷花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="寫實荷花" target="_blank" class="hui">寫實荷花</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828007375.jpg" alt="海報設計" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="海報設計" target="_blank" class="hui">海報設計 </a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828071837.jpg" alt="水墨荷花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="http://www.dbjr.com.cn" title="水墨荷花" target="_blank" class="hui">水墨荷花</a></td> </tr> </table> </td> </table> </div> <div   class="vvxyksv9kd"   id="jx2" onMouseOver="s(1)" onMouseOut="s(0)" style="VISIBILITY:hidden" align="center"> <table width="90%" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828073061.jpg" alt="7周年慶 百貨花紋" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="7周年慶 百貨花紋" target="_blank" class="hui">7周年慶 百..</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828073797.jpg" alt="海報背景設計 展板背景設 計 名片" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="海報背景設計 展板背景設計 名片" target="_blank" class="hui">海報背景設計..</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828074790.jpg" alt="第五季" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="第五季" target="_blank" class="hui">第五季</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828076436.jpg" alt="美容宣傳單 2期" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="美容宣傳單 2期" target="_blank" class="hui">美容宣傳單 ..</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828077147.jpg" alt="蝶舞女人花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="蝶舞女人花" target="_blank" class="hui">蝶舞女人花 </a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828077422.jpg" alt="移動暢聽卡報廣" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="移動暢聽卡報廣" target="_blank" class="hui">移動暢聽 卡..</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828021451.jpg" alt="春天" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="春天" target="_blank" class="hui">春天</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828023255.jpg" alt="樹葉與燈泡矢量素材" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="樹葉與燈泡矢量素材" target="_blank" class="hui">樹葉與燈泡 ..</a></td> </tr> </table> </td> </table> </div> <div   class="vvxyksv9kd"   id="jx3" onMouseOver="s(1)" onMouseOut="s(0)" style="VISIBILITY:hidden" align="center"> <table width="90%" border="0" align="center" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828024453.jpg" alt="風景" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="風景" target="_blank" class="hui">風景</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828026748.jpg" alt="紅酒之夏第二版" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="紅酒之夏第二版" target="_blank" class="hui">紅酒之夏 第..</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828026246.jpg" alt="紫幕城市" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="紫幕城市" target="_blank" class="hui">紫幕城市</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828002994.jpg" alt="韓風草莓" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="韓風草莓" target="_blank" class="hui">韓風草莓</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828023289.jpg" alt="時尚美女" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="時尚美女" target="_blank" class="hui">時尚美女</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828023172.jpg" alt="五一節(jié)" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="五一節(jié)" target="_blank" class="hui">五一節(jié)</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828026210.jpg" alt="精美花紋" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="精美花紋" target="_blank" class="hui">精美花紋</a></td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><a href="http://www.dbjr.com.cn" target="_blank"><img src="/picture/20090408/212828027621.jpg" alt="放歌五一" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="http://www.dbjr.com.cn" title="放歌五一" target="_blank" class="hui">放歌五一</a></td> </tr> </table> </td> </table> </div>  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]