phpStudy
phpStudy
网站首页
软件下载
PHP教程
编程技术
PHP
MySQL
HTML
CSS
JavaScript
MSSQL
AJAX
.NET
JSP
window
Linux
Mac
ASP
服务器
CMS
SQL
jQuery
C#
C++
java
Android
IOS
oracle
MongoDB
PostgreSQL
SQLite
教程手册
php
html
html5
css
css3
JavaScript
ajax
jquery
sql
ado
asp
aspnet
browsers
careers
dhtml
dotnetmobile
dtd
e4x
glossary
hosting
htmldom
json
media
msnet
quality
rdf
rss
schema
semweb
site
sitemap
smil
soap
svg
tags
tcpip
vbscript
w3c
wap
web
webservices
wmlscript
wsdl
xforms
xhtml
xlink
xml
xmldom
xpath
xquery
xsl
xslfo
网站测速
小皮面板
智能dns
搜索
首页
PHP教程
网页特效从下往上过渡 共享图库_最新图片
网页特效从下往上过渡 共享图库_最新图片
<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 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>五一欢乐购 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>棉花</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>广告设计素材 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>结婚请柬 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>玫瑰和心</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>写实荷花</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>海报设计 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>水墨荷花</td> </tr> </table> </td> </table> </div> <div 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>7周年庆 百..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>海报背景设计..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>第五季</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>美容宣传单 ..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>蝶舞女人花 </td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>移动畅听 卡..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>春天</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>树叶与灯泡 ..</td> </tr> </table> </td> </table> </div> <div 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>风景</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>红酒之夏 第..</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>紫幕城市</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>韩风草莓</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>时尚美女</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>五一节</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>精美花纹</td> </tr> </table> </td> <td align="center"> <table border="0" cellpadding="2" cellspacing="0"> <tr align="center"> <td>放歌五一</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需刷新才能执行]
«
»
PHP教程
PHP简介
PHP基本语法
PHP类型
PHP变量
PHP运算符
PHP控制结构
PHP函数
PHP类与对象
PHP异常处理
函数库分类
快速导航
PHP
MySQL
HTML
CSS
JavaScript
MSSQL
AJAX
.NET
JSP
Linux
Mac
ASP
服务器
SQL
jQuery
C#
C++
java
Android
IOS
oracle
MongoDB
SQLite
wamp
交通频道
Copyright © 2016 phpStudy | 豫ICP备2021030365号-3