`

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 = "http://www.sosuo8.com/";}
}
</script>
</p>
</td>
</form>
</tr>
</table>
</body>
</html>
分享到:
评论

相关推荐

    页面loading效果之一

    在网页设计中,加载效果(通常称为“页面loading效果”)是用户体验的重要组成部分。当用户访问一个网站或应用时,加载过程可能需要时间,而一个精心设计的loading动画可以缓解用户的等待焦虑,同时提升品牌形象。本...

    纯脚本页面loading效果.rar

    【标题】"纯脚本页面loading效果.rar"指的是一个使用纯JavaScript实现的页面加载效果的资源包。在网页设计中,loading效果通常是指在页面内容完全加载之前展示的一个动画或指示器,它告知用户页面正在加载,提高了...

    页面Loading效果

    在网页设计中,"页面Loading效果"是一种提升用户体验的重要手段。它是指在用户访问网站或应用时,为了平滑过渡到内容展示阶段,先展示一个加载指示器,通常表现为加载条、旋转图标或其他动态视觉元素,告知用户内容...

    页面loading效果之一.rar

    "页面loading效果之一.rar"这个压缩包很可能包含了一个独特的JavaScript实现的加载效果示例。 在"JS特效-其它代码"这个标签下,我们可以推断出这个加载效果是通过JavaScript编程语言来创建的。JavaScript是一种广泛...

    vuerouter切换时loading效果实现

    本文将详细探讨如何在Vue Router中实现路由切换时的loading效果。 首先,我们需要确保已经安装了Vue Router,并在项目中配置好基本的路由。如果尚未安装,可以使用npm或yarn进行安装: ```bash npm install vue-...

    页面加载的Loading效果

    在网页设计中,用户体验是至关重要的一个环节,而页面加载的Loading效果就是提升用户体验的一种方式。Loading效果,也称为加载动画或预加载器,通常在网页内容还未完全加载完成时显示,以告知用户页面正在努力加载,...

    页面loading效果插件 for z-blog.rar

    要安装这个插件,用户需要解压"页面loading效果插件 for z-blog.rar",然后将解压得到的文件上传到z-Blog的相应目录。一般来说,这可能涉及到将"说明.htm"等文件移动到主题文件夹内,或者通过z-Blog的后台管理界面...

    酷炫 html5页面加载 loading动画效果 demo 基于原生无第三方依赖

    本示例"酷炫html5页面加载loading动画效果demo"是基于原生JavaScript和CSS实现的,无需任何第三方库,简化了开发流程,提高了性能。 首先,我们来详细了解一下如何实现这种加载动画。在HTML结构中,我们需要在`...

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    H5多种加载效果loading,H5页面加载中动画

    本话题将深入探讨"H5多种加载效果loading",即H5页面在加载过程中使用的炫酷动画,旨在提升用户在等待页面完全加载时的体验。 一、什么是H5加载效果 H5加载效果,也称为“loading”或“预加载”,是指在页面内容...

    html5 svg炫酷页面loading加载切换页面效果

    在这款"html5 svg炫酷页面loading加载切换页面效果"中,开发者巧妙地利用了这两种技术,创造出一个既实用又吸引人的页面加载过渡动画。 HTML5是现代网页开发的标准,它引入了许多新特性,比如离线存储、拖放功能、...

    javascript自定义加载loading效果.docx

    在Web开发过程中,为了提升用户体验,在页面加载或执行耗时操作时显示一个加载提示(通常称为Loading效果)是十分必要的。本篇将深入探讨如何使用JavaScript实现自定义的加载效果,并提供具体的代码示例与实现细节。...

    各种样式loading效果

    在本项目中,`index.html`可能是主入口文件,其中可能包含了这些新标签来构建页面结构,并引用了外部资源,如CSS和JavaScript文件,以实现loading效果。 2. **CSS3**: CSS3是级联样式表的第三个主要版本,它提供了...

    js实现页面loading加载效果1.rar

    总结,JavaScript实现页面loading加载效果主要依赖于DOM操作、CSS动画和事件监听。通过这些技术,我们可以创建出各种各样的loading动画,不仅提高用户体验,还能让网站看起来更加专业和现代。记得在项目中根据实际...

    全屏loading图有遮罩效果 当显示全屏loading图时无法操作页面上的按钮

    当加载过程中出现全屏loading图带有遮罩效果时,它不仅指示着用户等待的状态,而且更重要的是,防止用户误操作页面上的元素,确保加载过程不受干扰。这种功能通常被称为全屏遮罩提示。 全屏遮罩是一种半透明的覆盖...

    Javascript打开页面等待效果

    在网页加载过程中,用户可能会遇到长时间等待的情况,此时为了提供更好的用户体验,我们可以使用JavaScript来实现页面加载等待效果。这种效果通常被称为“加载指示器”或“进度条”,它可以让用户知道页面正在加载,...

    javascript制作loading动画效果 loading效果

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互逻辑。...此外,也可以将此方法扩展为更复杂的loading效果,例如使用CSS3动画或者自定义SVG图形来增强视觉效果。

Global site tag (gtag.js) - Google Analytics