一个流动性非常好的网页载入页面

最新推荐文章于 2024-08-19 15:26:06 发布
最新推荐文章于 2024-08-19 15:26:06 发布
阅读量747 收藏
点赞数
文章标签： javascript filter ie div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/groupliu/article/details/1554209
版权
<!--#网页特效代码站：http://canglong.hzs.cn-->
<HTML><HEAD><TITLE>特效代码-canglong.hzs.cn</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = ""; 
filterEl.style.filter = filterBackup;
}

filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];

if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}

filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}

function fakeProgress(v, el) {
if (v >= 101)
location.href="http://www.canglong.hzs.cn/list.aspx?cid=35";
else {
setSB(v, el, infor, "欢迎您来到网界最佳的网页特效代码站！");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 10);
}
}

//-->
</SCRIPT>

<SCRIPT language=javaScript>
<!--
document.οncοntextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
// -->
</SCRIPT>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor=#f9f9f9 topMargin=100 οnlοad=fakeProgress(0,sb)>
<P>　</P>
<P>　</P>
<P>　</P><!-- Status Bar Starts -->
<DIV align=center>
<DIV id=sb 
style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1 
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow: 
hidden></DIV></DIV>
<DIV 
style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV><!-- Status Bar Ends -->
<P></P>
<DIV id=infor 
style="FONT-SIZE: 11px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center"></DIV></DIV></BODY></HTML>  
groupliu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Restau_Issa：第一个流动性项目
02-12
《Restau_Issa：首个流动性项目解析》 在IT行业中，流动性项目通常指的是那些能够灵活适应不同环境，具有高度可扩展性和可移植性的应用。"Restau_Issa"被标记为一个JavaScript项目，这意味着它可能是一个基于Web的...
流动设计公司网页模板
01-15
总的来说，流动设计公司网页模板是一个强大的工具，它可以帮助设计专业人士快速创建专业且具有流动性的网站，同时提供足够的灵活性来适应公司的品牌形象和个人创意。通过理解和利用这些模板提供的资源，可以显著提升...
流动性非常好的网页载入页面
管子（zero）的杂乱空间
12-03 1187
<!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"src="
小白入门之HTML--第六章 流动，浮动模型，菜单和页面布局
随心笔记
07-08 1535
1.本章面试题 1.1 什么是流动模型 1.2 网页中基本的布局方式有哪些 2.知识点 2.1 上一章内容回顾 ​ 上一章我们学习了网页元素的基本分类和盒子模型。 2.2 本章内容重点 ​ 本章主要学习网页定位模型和基本布局。 3.具体内容 3.1 CSS定位属性 ​ CSS的定位方式可以帮助设计者使文档更容易阅读，CSS主要通过position属性进行定位。 3.1.1 正...
网页布局之---固定布局、流动布局、弹性布局
热门推荐
上善若水
11-20 1万+
当设计的网站会面向众多用户时，设计师必须考虑访客之间的下列潜在差异： 屏幕分辨率用的哪款浏览器浏览窗口是否最大化是否启用占位置的浏览器的额外组件（如历史、书签、Google工具栏等等）乃至操作系统和硬件情况 由于并无标准规定网页大小，网页设计师工作时就需要解决不计其数的问题。 1. 固定布局和流动布局的差异 尽管大部分设计师和开发者都对固定和流动网页布局有基本的了解，我们还
html流动布局,自适应css布局——流动布局新时代
weixin_28908491的博客
06-18 479
流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、ＰＤＡ小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。如果你作为设计师通过额外的付出创造了一个功能性流动布局，为什么不更进一步使其兼容所有分辨率，而不是局限于大多数屏幕。你可以使用一些技巧创造一种意想不到的适应性布局，这种...
jquery 子元素过滤器 Child Filters
weixin_33937499的博客
02-10 103
名称 说明 举例 :nth-child(index/even/odd/equation) 匹配其父元素下的第N个子或奇偶元素 ':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！ 可以使用: nth-child(even) :nth-child(odd) :nth-child(3n)...
如何去设计一个自适应的网页设计或HTMl5
lixingshi的专栏
08-26 590
如今移动互联网随着3G的普及，越来越火爆，更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 　　移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页? 　　手机的屏幕比较小，宽度通常在600像素以下,  PC的屏幕宽度，一般都在1000像素以上(目前主流宽度是136
简单流动信息网页模板
01-21
总的来说，"简单流动信息网页模板"是一个帮助非专业开发者快速创建美观且适应各种设备的网站的工具。通过理解HTML、CSS和响应式设计原理，结合现有的模板资源，可以有效地构建出满足现代用户需求的网页。
好看的流光风格个人主页html网页源码源码资源下载整理.zip
08-20
【流光风格个人主页HTML网页源码解析】 流光风格是一种独特且引人注目的网页设计趋势，它通过动态的色彩...同时，对于想要自定义个人主页的人来说，这份源码提供了一个很好的起点，可以直接在此基础上进行个性化修改。
SVG网页加载图标特效.zip
10-15
一个良好的网页加载图标特效不仅能让用户在等待页面加载时有明确的反馈，还能展现网站的专业性和设计感。 根据压缩包子文件的文件名"jiaoben7386"来看，这可能是一个示例文件或者项目编号，具体的内容可能包含HTML...
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 324
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 404
【代码】springboot网上商品订单转手系统bootpf
Vue3项目-Cesium地图初始化
StupidlyGrass的博客
08-19 69
将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下。3、index.html配置。一、安装、配置Cesium。1、安装Cesium。二、使用Cesium。
Vue :class 绑定可以结合多个判断维度来动态设置类
最新发布
u010865136的专栏
08-19 63
二、:class="[isMute && 'disabled', env.isH5 && 'TUIChat-H5-footer']"一、数组语法允许你根据条件动态添加多个类名。数组中的每个元素可以是一个类名的字符串，或者是一个对象。对象中的键是类名，值是布尔值。
Vue路由
程小白的博客
08-19 325
这样我们的路由信息就配置好了。但是有一个bug需要解决。当我们配置好路由信息后，重启项目，再次访问，会发现什么也不显示，这是因为当项目启动起来时默认访问的路由的路径是"/"而非“/dept”和"/emp",但是在配置路由时并没有配置“/”的路由，因此要再新配置一个“/"的路由信息。
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 1000
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
一些有趣的XSS注入GAME
qq_67758645的博客
08-17 810
如果我们不经过前面的javascript:将其变成字符串，那么传进去后时候就会带两个引号，那么就算setTimeout可以将字符串当作代码执行，但是，里面还是一层字符串，执行不了。我理解的是javascript：将后面的alert字符串替换成alert js代码，类似于eval的作用，传进setTimeout的时候就不是字符串，而是js代码。将%编码试试，%25，这样到后端以后就会变成%28 %29，如果js能够解码的话，最后传到页面的时候在解码%28，%29为（），这样不就实现了嘛。
帮我写一个自适应的专题页面demo
04-01
抱歉，作为语言模型AI，我无法编写代码。但是，我可以为您提供一些关于自适应专题页面的基本知识和最佳实践。 自适应专题页面是一种能够自动适应不同设备、不同屏幕尺寸和不同分辨率的网页。它可以为用户提供更好的浏览体验，不论用户使用的是桌面电脑、笔记本电脑、平板电脑还是手机。 以下是一些关于自适应专题页面的最佳实践： 1. 使用响应式设计 响应式设计是一种可以自动适应不同设备和屏幕尺寸的网页设计技术。它可以通过使用流动布局、弹性图像和媒体查询等技术来实现。 2. 优化图像和视频 为了确保自适应专题页面的快速加载速度，应该优化页面中的图像和视频。这可以通过压缩文件大小、使用适当的文件格式和减少请求次数来实现。 3. 考虑用户体验 在设计自适应专题页面时，应该考虑用户体验。这可以通过使用简洁的设计、易于浏览的布局和易于使用的导航来实现。 4. 测试和优化 在发布自适应专题页面之前，应该进行测试和优化。这可以通过使用不同设备和屏幕尺寸进行测试，并使用工具来检查页面加载速度和性能。 总之，自适应专题页面可以提供更好的用户体验和更高的转换率。通过遵循最佳实践和测试和优化页面，可以确保自适应专题页面的成功。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值