网页特效从下往上过渡共享图库_最新图片

<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（）"><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><img src="/picture/20090408/212828006395.jpg" alt="五一欢乐购" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">五一欢乐购 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828063479.jpg" alt="棉花" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">棉花</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828063294.jpg" alt="广告设计素材" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">广告设计素材 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828066054.jpg" alt="结婚请柬" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">结婚请柬 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828068789.jpg" alt="玫瑰和心" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">玫瑰和心</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828007706.jpg" alt="写实荷花" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">写实荷花</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828007375.jpg" alt="海报设计" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">海报设计 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828071837.jpg" alt="水墨荷花" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="18" valign="bottom">水墨荷花</td> </tr> </table> </td> </table> <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><img src="/picture/20090408/212828073061.jpg" alt="7周年庆 百货花纹" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">7周年庆 百..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828073797.jpg" alt="海报背景设计 展板背景设 计 名片" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">海报背景设计..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828074790.jpg" alt="第五季" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">第五季</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828076436.jpg" alt="美容宣传单 2期" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">美容宣传单 ..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828077147.jpg" alt="蝶舞女人花" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">蝶舞女人花 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828077422.jpg" alt="移动畅听卡报广" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">移动畅听 卡..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828021451.jpg" alt="春天" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">春天</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828023255.jpg" alt="树叶与灯泡矢量素材" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">树叶与灯泡 ..</td> </tr> </table> </td> </table> <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><img src="/picture/20090408/212828024453.jpg" alt="风景" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">风景</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828026748.jpg" alt="红酒之夏第二版" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">红酒之夏 第..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828026246.jpg" alt="紫幕城市" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">紫幕城市</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828002994.jpg" alt="韩风草莓" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">韩风草莓</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828023289.jpg" alt="时尚美女" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">时尚美女</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828023172.jpg" alt="五一节" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">五一节</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828026210.jpg" alt="精美花纹" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">精美花纹</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td><img src="/picture/20090408/212828027621.jpg" alt="放歌五一" width="80" height="60" border="0"></td> </tr> <tr align="center"> <td height="22" valign="top">放歌五一</td> </tr> </table> </td> </table><script> var jx1=document.getElementById（"jx1"）;var jx2=document.getElementById（"jx2"）;var jx3=document.getElementById（"jx3"）; //设置显示哪个层的变量 var sL=1; //设置动与不动的变量 var iS=0; //设定显示时间 function p（） { if（iS==0） { if（sL==1） { cs1（jx1,1）; cs1（jx2,0）; cs1（jx3,0）; setTimeout（"p（）",6000）; } else if（sL==2）{ cs1（jx1,0）; cs1（jx2,1）; cs1（jx3,0）; setTimeout（"p（）",6000）; } else{ cs1（jx1,0）; cs1（jx2,0）; cs1（jx3,1）; setTimeout（"p（）",6000）; } sL++; if（sL==4） sL=1; } else { setTimeout（"p（）",2000）; } } //显示函数 function cs1（a,b） {if（a==null）return; a.filters.revealTrans.apply（）; if（b==1） a.style.visibility="visible"; else a.style.visibility="hidden"; a.filters.revealTrans.play（）;} //设定is变量 function s（v） {iS=v;} </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

首页 / 脚本样式 / JavaScript / 网页特效从下往上过渡 共享图库_最新图片

首页 / 脚本样式 / JavaScript / 网页特效从下往上过渡共享图库_最新图片