网页特效从下往上过渡 共享图库_最新图片 时间:2020-05-12 人气:0 <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> <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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25615.jpg" alt="五一欢乐购" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25616.jpg" alt="棉花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25617.jpg" alt="广告设计素材" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25618.jpg" alt="结婚请柬" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25619.jpg" alt="玫瑰和心" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25620.jpg" alt="写实荷花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25621.jpg" alt="海报设计" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25622.jpg" alt="水墨荷花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="18" valign="bottom"><a href="https://m.qb5200.com/www.qb5200.com" title="水墨荷花" target="_blank" class="hui">水墨荷花</a></td> </tr> </table> </td> </table> </div> <div> <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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25623.jpg" alt="7周年庆 百货花纹" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25624.jpg" alt="海报背景设计 展板背景设 计 名片" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25625.jpg" alt="第五季" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25626.jpg" alt="美容宣传单 2期" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25627.jpg" alt="蝶舞女人花" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25628.jpg" alt="移动畅听卡报广" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25629.jpg" alt="春天" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25630.jpg" alt="树叶与灯泡矢量素材" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" title="树叶与灯泡矢量素材" target="_blank" class="hui">树叶与灯泡 ..</a></td> </tr> </table> </td> </table> </div> <div> <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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25631.jpg" alt="风景" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25632.jpg" alt="红酒之夏第二版" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25633.jpg" alt="紫幕城市" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25634.jpg" alt="韩风草莓" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25635.jpg" alt="时尚美女" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25636.jpg" alt="五一节" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25637.jpg" alt="精美花纹" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" 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="https://m.qb5200.com/www.qb5200.com" target="_blank"><img onerror="javascript:this.src='/skin1/img/error.jpg';" src="https://img.qb5200.com/download-x/20200511/25638.jpg" alt="放歌五一" width="80" height="60" border="0"></a></td> </tr> <tr align="center"> <td height="22" valign="top"><a href="https://m.qb5200.com/www.qb5200.com" title="放歌五一" target="_blank" class="hui">放歌五一</a></td> </tr> </table> </td> </table> </div> <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需刷新才能执行] 加载全部内容