JS载入数据效果！loading

来源：泡菜时间：2009-01-20 18:35:00　

页面加载loading效果，这个挺好玩的！用setTimeout实现的！可以和服务端整合弄一些生成HTML或者上传文件等应用！

演示：

<!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=utf-8" /><title>loading载入效果-www.aspxhome.com</title></head><body><br /><br /><div style="margin:auto;border:1px solid #000;width:500px;height:20px;background:#eee;"><div id="load" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#333333', endColorStr='#000000', gradientType='0');background:#333;width:0;height:20px;color:#fff;font:normal 10px arial;line-height:20px;text-align:center"></div></div><script type="text/javascript">var $Load=document.getElementById('load');!function Loading(x,y){++x;$Load.innerHTML=Math.floor(x/y*100)+'％';$Load.style.width=x+"px";x==y||setTimeout(function(){Loading(x,y)},10);}(0,500);</script></body></html>

标签：加载,loading,js

投稿

JS载入数据效果！loading

猜你喜欢

一段Asp301重定向过程代码

oracle数据库添加或删除一列的sql语句

Python处理mysql数据库

关于mysql与mysqli

简单的淡入淡出图片轮换效果

网站设计中的面包屑[译]

jQuery 1.4新特性及其变化(上)

妙用Dreamweaver MX共享WPS Office文件

各种SQL语句速查手册

PHP中合并数组的常见方法分享

asp Http_Referer,Server_Name和Http_Host

关于 MediaPlayer 播放器参数详解

asp ajax跨域提交数据

在ASP中使用SQL语句之7:ORDER BY

MySQL数据库管理必备工具 phpMyAdmin 3.0

Oracle 存储过程教程

Access 2007简易入门手册

巧用overflow属性解决中间间距问题

Design IT.(2)，关于好设计

如何使用 SQL Server 数据库查询累计值