[全兼容哦]--实用、简洁、炫酷的页面转入效果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 相关文章推荐
javascript 当前日期加(天、周、月、年)
Aug 09 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
js页面跳转的常用方法整理
Oct 18 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
js实现一个页面多个倒计时的3种方法
Feb 25 Javascript
jQuery zTree树插件的使用教程
Aug 16 jQuery
微信小程序转发事件实现解析
Oct 22 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
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
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
扒一扒JavaScript 预解释
2015/01/28 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
原生JS实现几个常用DOM操作API实例
2017/01/19 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python操作redis的方法
2015/07/07 Python
详解Django框架中用context来解析模板的方法
2015/07/20 Python
Python实现全角半角字符互转的方法
2016/11/28 Python
Python Numpy库安装与基本操作示例
2019/01/08 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
python openCV自制绘画板
2020/10/27 Python
德国旅游网站:weg.de
2018/06/03 全球购物
演讲稿开场白
2014/01/13 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
数控专业毕业生自荐信范文
2014/03/04 职场文书
医院搬迁方案
2014/06/14 职场文书
建筑工地宣传标语
2014/06/18 职场文书
农业项目建议书
2014/08/25 职场文书
2015年干部教育培训工作总结
2015/05/15 职场文书
2015年环境整治工作总结
2015/05/22 职场文书
如何撰写促销方案?
2019/07/05 职场文书
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫
MongoDB数据库部署环境准备及使用介绍
2022/03/21 MongoDB