基于javascript实现页面加载loading效果
本文实为大家分享了javascript实现页面加载loading效果，供大家参考，具体内容如下
效果图：
<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 = "目标页";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
以上就是本文的全部内容，希望对大家学习javascript程序设计有所帮助。
-
本文向大家介绍JS基于Ajax实现的网页Loading效果代码，包括了JS基于Ajax实现的网页Loading效果代码的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS基于Ajax实现的网页Loading效果代码。分享给大家供大家参考，具体如下： 这是一款很不错的网页Loading效果，常用于Ajax交互式网页设计中，点击按钮即可弹出Loading框，若Loading框未加载完成时关闭网
-
本文向大家介绍基于JavaScript实现移动端无限加载分页，包括了基于JavaScript实现移动端无限加载分页的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下 原理：当滚动条到达底部时，执行下一页内容。 判断条件需要理解三个概念： 1.scrollHeight 真实内容的高度 2.clientHeigh
-
本文向大家介绍基于javascript实现图片懒加载，包括了基于javascript实现图片懒加载的使用技巧和注意事项，需要的朋友参考一下 一、定义 图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性能。 二、呈现形式 【1】延时加载，使用setTimeout或setInterval进行加载延迟，如果用户在加载
-
本文向大家介绍基于javascript实现图片预加载，包括了基于javascript实现图片预加载的使用技巧和注意事项，需要的朋友参考一下 一、定义 预加载图片是提升用户体验的一个好办法，提前加载用户所需的图片，保证图片快速、无缝发布，使用户在浏览器网站时获得更好用户体验。常用于图片画廊等应用中。 [注意]若使用即时加载，加载的图片与页面的其他内容一起加载会增加页面的整体加载时间，所以使用wind
-
本文向大家介绍基于jquery.page.js实现分页效果，包括了基于jquery.page.js实现分页效果的使用技巧和注意事项，需要的朋友参考一下 基于jquery.page.js的一款简单的分页效果，供大家参考，具体内容如下 调用方法如下： pageCount：总页数 current：当前页 以下是jquery.page.js源代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望
-
本文向大家介绍Android基于ListView实现类似Market分页加载效果示例，包括了Android基于ListView实现类似Market分页加载效果示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Android基于ListView实现类似Market分页加载效果。分享给大家供大家参考，具体如下： 最近几天研究ListView实现分页加载和滚动加载,发现可以用listView的