[全兼容哦]--实用、简洁、炫酷的页面转入效果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 相关文章推荐
JQuery 动态扩展对象之另类视角
May 25 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 Javascript
jQuery给动态添加的元素绑定事件的方法
Mar 09 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
Vue.JS入门教程之事件监听
Dec 01 Javascript
使用jquery datatable和bootsrap创建表格实例代码
Mar 17 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 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
php REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
PHP使用CURL获取302跳转后的地址实例
2014/05/04 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php进程间通讯实例分析
2016/07/11 PHP
php7 安装yar 生成docker镜像
2017/05/09 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
jquery实现的一个简单进度条效果实例
2014/05/12 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
JS库之Waypoints的用法详解
2017/09/13 Javascript
Angular4学习之Angular CLI的安装与使用教程
2018/01/04 Javascript
vue增加强缓存和版本号的实现方法
2019/05/01 Javascript
python操作MongoDB基础知识
2013/11/01 Python
python中__call__方法示例分析
2014/10/11 Python
详解python配置虚拟环境
2019/04/08 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
python中常用的数据结构介绍
2021/01/12 Python
利用CSS3实现开门效果实例源码
2016/08/22 HTML / CSS
HTML5触摸事件(touchstart、touchmove和touchend)的实现
2020/05/08 HTML / CSS
介绍下Java的输入输出流
2014/01/22 面试题
中学家长会邀请函
2014/02/03 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
员工工作心得体会
2019/05/07 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL
Python加密技术之RSA加密解密的实现
2022/04/08 Python