<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
<style type="text/css">
#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%;
left: 0;
}
#loader {
font-family:Tahoma, Helvetica, sans;
font-size:11.5px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:130px;
border:1px solid #5a667b;
text-align:left;
z-index:2;
}
#loader_bg {background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#70940D
}
</style><script language="JavaScript">
//读取框
var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>79) pos += dir;
if (pos>79) len -= dir;
if (pos>79 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}
function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
}
</script>
<body onLoad="remove_loading();">
<div id="loader_container">
<div id="loader">
<div align="center">页面正在加载中 ...</div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>
<iframe id="demo" src="http://www.yahoo.com" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"></iframe>
</body>
分享到：
相关推荐
- **HTML**：可以直接通过`<img>`标签引用GIF图片，例如`<img src="loading.gif" alt="加载中">`。 - **CSS**：利用背景图片属性，可以将GIF作为元素的背景，通过CSS动画控制显示时机。 - **JavaScript**：可以...
制作Flash网页加载（Loading）主要有以下几个步骤： 1. **创建Flash文档**：在Flash环境中，设计师会创建一个新的Flash文档，设置舞台大小、帧率和背景色等基本属性，为Loading界面打下基础。 2. **设计加载动画**...
总的来说，这组"loading.gif"图标集合提供了网页设计师丰富的资源，以创建具有吸引力且适应性强的加载动画。透明背景的设计使得图标能够灵活应用于各种背景，而多样化的动画样式则满足了不同场景和品牌需求。在优化...
"51种loading.gif图片"这个压缩包文件包含了51个这样的动态加载图标，旨在为开发者和设计师提供多样化的选择，以提升他们的界面交互体验。 首先，我们要理解.gif格式。GIF（Graphics Interchange Format）是一种...
"各种网页加载中loadingGIF图片.zip"这个压缩包文件显然收集了多种这样的动图资源，适用于不同的网页设计需求。 一、GIF图片介绍 GIF（Graphics Interchange Format）是一种广泛用于互联网的图像格式，它支持动画...
总的来说，这个资源为Bootstrap开发者提供了一套实用的加载图标动画，通过结合Bootstrap的易用性和CSS3的强大动画功能，可以在网页加载期间为用户提供更加美观和引人入胜的体验。这种提升用户体验的方式对于保持用户...
总之，"发光Loading加载特效.zip"包含的资源可以帮助开发者创建一种独特的网页加载体验，利用CSS3的强大力量，结合JavaScript的交互性，提供了一种吸引用户注意力并改善用户体验的方式。在网页设计中，这样的特效...
在IT行业中，用户体验是至关重要的一个环节，而加载图标（loading.gif）就是在用户等待内容加载时提供视觉反馈的重要元素。这个资源包包含了237个不同的loading.gif图标，旨在为开发者和设计师提供丰富的选择，以...
在网页设计中，"加载"（loading）是一个关键的用户体验元素，特别..."网页常用loading 加载gif图片素材"提供了一站式的解决方案，帮助设计师快速找到符合项目需求的加载动画，进一步优化网页加载过程，提升用户满意度。
为了解决这个问题，开发者通常会在页面加载过程中显示"loading..."提示，同时搭配加载进度条来告知用户当前的加载状态，让用户了解网页正在努力加载，并且预计何时可以完成。 "loading..." 提示是一种视觉反馈机制...
- **网页加载**：当网页内容如图片、视频或者大段文字正在加载时，可以显示这些gif加载图标。 - **APP加载**：移动应用启动、页面切换或数据获取时，加载中gif可以提升用户体验。 - **API请求**：在后台执行长...
<img src="loading.gif" alt="加载中..." /> ``` 2. 显示loading： 在页面开始加载或跳转前，显示loading元素： ```javascript $("#loading").show(); ``` 3. 隐藏loading： 在内容加载完成后，隐藏loading元素...
由于其支持动画的特性，使得GIF非常适合制作简单的动态效果，如旋转的箭头、波纹扩散等，这在网页加载过程中非常常见。 1. **GIF的透明性**：GIF支持单一颜色透明，也就是说，图像中的某一种颜色可以被设置为透明，...
总之，这些“网页加载loading图片素材”为网页设计师提供了丰富的资源，帮助他们创造出既美观又能有效传达加载状态的用户界面。在实际应用中，设计师需要结合以上要点，选择或定制最合适的加载动图，以提供最佳的...
在网页开发中，用户体验是至关重要的，特别是在处理大量数据或者执行长时间操作时，为了不让用户感到界面卡顿或无响应，通常会使用“加载中”（Loading）动画来提示用户程序正在后台工作。jQuery.spin.js就是一个...
在IT行业中，加载动画，尤其是GIF格式的加载动画，是一种常见的用户界面元素，用于指示应用程序或网页正在处理数据或内容。这些动画为用户提供视觉反馈，让他们知道系统没有冻结，而是正在后台执行任务。让我们深入...
“loading.gif”是这个压缩包中唯一的文件，意味着它是一个GIF图像文件，专门设计用于显示加载指示器。GIF是一种支持动画的位图格式，特别适合创建简单的循环动画，如加载图标。GIF格式支持256种颜色的调色板，虽然...
总之，jQuery Loading图片延迟加载特效是一种有效的性能优化手段，它结合了jQuery的便利性和JavaScript的动态特性，实现了图片在需要时才加载，从而提升了网页加载速度和用户体验。对于图片相册类的应用，这种特效...
在前端开发中，"loading.gif" 是一种常见的用于表示页面或资源正在加载的动画图形。这类动图通常具有大部分透明背景，以便于适应各种不同颜色的网页设计，不会与页面元素产生冲突，提供一个干净、无缝的用户体验。...
在给定的资源包"12个SVG Loading图标"中，包含了12个专门用于加载指示的SVG图形，这些图标非常适合在网页或应用程序中显示数据加载状态，尤其在移动开发或HTML5项目中，它们能够提供流畅的用户体验。 1. **SVG的...