<html>
<head>
<title>正在载入...</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">
<tr>
<form name=loading>
<td align=center>
<p><font color=gray>正在载入首页,请稍候.......</font></p>
<p>
<input type=text name=chart size=46 style="font-family:Arial;
font-weight:bolder; color:gray;
background-color:white; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="font-family:Arial;
color:gray; text-align:center;
border-width:medium; border-style:none;">
<script>var bar = 0
var line = "||"
var amount ="||"
count()
function count(){
bar= bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://www.sosuo8.com/";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
vue-router切换时loading效果实现
主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下
主要介绍了基于javascript实现页面加载loading效果的相关资料,感兴趣的小伙伴们可以参考一下
网页loading有很多用处,比如页面的加载进度,数据的加载过程等等,数据的加载loading很好做,只需要在加载数据之前(before ajax)显示loading效果,在数据返回之后(ajax completed)结束loading效果,就可以了。...
6.12 图片穿行页面效果 148 6.13 自由移动的图片 149 6.14 图片代替按钮效果 150 6.15 图片的翻转效果 151 6.16 向外扩展的图片 152 6.17 鼠标悬停改变图片 153 6.18 图片模糊效果 155 6.19 图片的探照灯效果...
SpinKit是一组效果非常酷的纯CSS3 Loading指示器动画特效。这组loading指示器共有11种不同的效果。它通过硬件加速来制作平滑的CSS3动画过渡效果。通过它你可以制作出非常炫酷的页面loading效果。
22.6 Gmail右上角的Loading效果 22.7 使用XMLHTTP获取天气预报 22.8 拖拽任意对象 22.9 避免打开无效页面 22.10 用JavaScript调用Google AdSense 22.11 Ajax效果:可拖拽的表格 22.12 JavaScript调用Web Service ...
cache-loading.js是一款轻量级的 无依赖炫酷页面预加载Loading特效插件----目前48种效果也可以加载自己的gif图片。它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程。
22.6 Gmail右上角的Loading效果 22.7 使用XMLHTTP获取天气预报 22.8 拖拽任意对象 22.9 避免打开无效页面 22.10 用JavaScript调用Google AdSense 22.11 Ajax效果:可拖拽的表格 22.12 JavaScript调用Web Service ...
用户通过点击页面左侧的菜单,对应的页面加载时伴随着滑动过滤动画,并带有进度条效果。当然页面的加载是Ajax驱动的,整个加载过渡过程非常流畅,非常好的用户体验。 HTML HTML结构中,.cd-main包含页面主体内容,....
npm i react-loading 或者 yarn add react-loading 演示版 检查 加载类型 空白的 球 吧台 气泡 立方体 赛龙 旋转 气泡 辐条 例子 import React from 'react' ; import ReactLoading from 'react-loading' ; const...
但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。 HTML 首先我们要知道的是,目前没有任何浏览器可以直接获取...
在页面没有响应时,展示加载动画是一种对用户友好的表现,不至于白屏,等响应内容渲染到页面时再移除动画 先放loading效果图 原理:伪类+动画,下面是步骤图,贴上助于理解,加载动画本质是设置一个定宽定高的...
模糊加载 百分比计数器正在加载页面,同时缓慢地使背景图像不模糊
受启发的角度页面加载效果。 与angular-route和angular-ui-router兼容。 安装 bower install me-pageloading 用法 在HTML中包含CSS和JS文件 将me-pageloading作为角度依赖性包括在内。 配置mePageLoadingProvider ...
6.34 动感Loading文字... 188 6.35 动感标题文字... 190 6.36 标题上的跑马灯文字... 191 第7章 网页事件篇.... 193 7.1 进入、离开网页显示信息... 193 7.2 单击和双击鼠标事件... 194 7.3 取得鼠标的按键......
[增加] 增加fixed方式的select,可用在表格、滚动弹窗中 [增加] 增加动态模板功能 [增加] 主页工作台、控制台的内容进行了补充完善 ...[优化] iframe版不需要在每个页面写loading了,由框架自动增加 [优
终端加载效应一个加载效果运球。 受 Linux/Unix 终端加载效果启发。 CSS3 和 Javascript。 没有 jQuery 没有依赖如何运行 appWrapper.loadingEffect(); 当您希望页面“呈现”时