[全兼容哦]--实用、简洁、炫酷的页面转入效果loing


Posted in Javascript onMay 07, 2007

<!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" />
<meta HTTP-EQUIV="Expires" content="Sun, 31 Oct 2008 23:59:00 GMT" />
<title>实用、结、酷的页面转入效果loing ---全兼容【来自心动】</title>
<style type="text/css">
<!--
body {
       margin-top: 100px;
       font-size: 12px;
       color: #006600;
}
#span{
       background-color: #FFFFFF;
       height: 4px;
       width: 4px;
       border: 1px solid #333333;
       margin: 1px;
}
-->
</style></head>
<body>
<div align="center">页面载入中请稍候···<br />
<script language="JavaScript" type="text/javascript">
var p=0,A1=0;var u_=0
var color_A=new Array("lightskyblue","white","#00FF00","white","red","white");
function set_span(obj_name,obj_time,obj_length){
for(var i=0;i<obj_length;i++){document.write("<input id='"+obj_name+"' name='"+obj_name+"' />")}
setInterval('xd_load();',obj_time);
}
function xd_load(){
u_++
document.getElementsByName("span").item(p).style.background=color_A[A1]
p+=1;
if(p==document.getElementsByName("span").length){p=0;A1+=1;
if(A1==color_A.length)A1=0
}
if(u_>20){top.location="../";alert("转入页面");}
}
set_span("span",120,20)
</script></div>
</body>
</html>

Javascript 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
node.js中的require使用详解
Dec 15 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
Vue.use源码分析
Apr 22 Javascript
详解在Angular项目中添加插件ng-bootstrap
Jul 04 Javascript
vue与bootstrap实现时间选择器的示例代码
Aug 26 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
ES6 async、await的基本使用方法示例
Jun 06 Javascript
javascript之水平横向滚动歌词同步的应用
May 07 #Javascript
javascript之ESC(第二类混淆)
May 06 #Javascript
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 #Javascript
使用正则替换变量
May 05 #Javascript
又一个小巧的图片预加载类
May 05 #Javascript
清华大学出版的事半功倍系列 javascript全部源代码
May 04 #Javascript
用js实现的抽象CSS圆角效果!!
May 03 #Javascript
You might like
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
php自定义apk安装包实例
2014/10/20 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
javascript StringBuilder类实现
2008/12/22 Javascript
jQuery 源码分析笔记(2) 变量列表
2011/05/28 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
javascript 寻找错误方法整理
2014/06/15 Javascript
js表头排序实现方法
2015/01/16 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
分享bootstrap学习笔记心得(组件及其属性)
2017/01/11 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
老生常谈JavaScript面向对象基础与this指向问题
2017/10/16 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
[13:55]Newbee vs Team Spirit
2018/06/07 DOTA
Python strip lstrip rstrip使用方法
2008/09/06 Python
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
跟老齐学Python之有点简约的元组
2014/09/24 Python
用Python实现BP神经网络(附代码)
2019/07/10 Python
pywinauto自动化操作记事本
2019/08/26 Python
python3爬取torrent种子链接实例
2020/01/16 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
python 日志 logging模块详细解析
2020/03/31 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
求职信内容怎么写
2014/05/26 职场文书
土地租赁意向书
2014/07/30 职场文书
婚前财产协议书范本
2014/10/19 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
sql server 累计求和实现代码
2022/02/28 SQL Server
Python OpenCV之常用滤波器使用详解
2022/04/07 Python