极酷的,漂亮的页面loading等待页面特效 -- [页面特效]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

极酷的,漂亮的页面loading等待页面特效

网络 2008/6/1 21:00:00 深山行者字体:大中小浏览 8650

极酷的,漂亮的页面loading等待页面特效

以下为详细代码

本特效共分3步： 
1.在<head></head>中加入： 
<STYLE type=text/css> 
TD { 
 FONT-SIZE: 9pt 
} 
.come { 
 BACKGROUND-COLOR: #eff7d4; BORDER-BOTTOM: #c07a0b 1px dashed; BORDER-LEFT: #c07a0b 1px dashed; BORDER-RIGHT: #c07a0b 1px dashed; BORDER-TOP: #c07a0b 1px dashed; COLOR: #000000; FONT-SIZE: 9pt; HEIGHT: 18px 
} 
</style> 
<SCRIPT language=javascript> 
  var percent = new Number(0); 
  function skipmain() { 
    dopgb(); 
  } 
  function dopgb() { 
    var pgb = document.all.pgbdiv.style; 
    var timeoutID = setTimeout("dopgb()",100); 
    if (pgb.pixelWidth < 230) pgb.pixelWidth += 5; 
    percent = parseInt(100 * (pgb.pixelWidth / 230) + 1) + 1; 
    if (percent > 100) percent = 100; 
    document.all.perdiv.innerHTML="<p align=’center’ style=’margin-top:0;margin-bottom:0’>" + percent.toString(10) + " %</p>" 
    if (pgb.pixelWidth >= 230) { 
      clearTimeout(timeoutID); 
      window.navigate("http://www.qwbm.com/"); 
      return; 
    } 
  } 
</SCRIPT>

2.将 onload=skipmain() 插入到<body>中

例如：<body onload=skipmain()>

3.在<body></body>中间加入： 
      <TABLE align=center border=1 borderColor=#000000 cellPadding=0         
      cellSpacing=0 height=10         
      style="BORDER-COLLAPSE: collapse; MARGIN: 10px 0px 0px" width=230         
      name="pgb_container1">        
        <TBODY>        
        <TR>        
          <TD class=newfont3>        
            <DIV id=pgbdiv         
            style="BACKGROUND-COLOR: #65a1ca; HEIGHT: 10px; MARGIN: 0px; TEXT-ALIGN: center; WIDTH: 0px"         
            border="0"></DIV></TD></TR></TBODY></TABLE>        
      <P align=center style="MARGIN-TOP: 5px">        
      <DIV align=center id=perdiv style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px">        
      <P align=center class=newfont3         
      style="MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px">0 %</P></DIV>            
      
      <P align=center style="MARGIN: 10px"><INPUT align=center class=come onclick="window.navigate(’http://www.qwbm.com/’)" style="cursor: hand; width: 140; height: 22" title=我不想等了，直接进入 type=button value=直接进入网站>          
      </P>

前一页:极酷的,漂亮的页面loading等待页面特效(2)

后一页:JavaScript技巧:让网页自动穿上外套

相关阅读: flash利用as调用执行外部设置的exe文件; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 超级强的div+css点击变样式菜单，特别推荐; 红色圣诞老人留言板模板; MarkMan 马克鳗，让设计更有爱 (超级给力的页面标注工具); 一个非常不错的简单的ajax读取新浪rss的小例子; 01. windows xp 安装iis视频教程; javascript取汉字拼音首字母缩写程序

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery下拉到某个固定位置然后某些元素发生改变样式状态; canvas绘制的文字如何换行; 兼容pc、移动端用js实现复制内容到剪切板（支持苹果safari浏览器）; js兼容多个浏览器右下角漂浮广告; 兼容ie6+和火狐的禁止右键; 做在线客服时，聊天窗口的div滚动条始终在底部

更多>>最新添加文章: 2026 aliyun阿里域名云注册续费优惠口令; dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起

更多>>随机抽取信息: 微信小程序转uni-app项目; 青岛联合假日旅行社; 有利于搜索引擎的一些常用的CSS命名规则; Div+CSS+JS树型菜单，可刷新; uni-app 搜索、历史记录功能简单实现; 阳光丽江客栈

更多标签热门标签

tags 留言板模版例子变大变色复选框 title 打字 xml 分辨率 loading 窗口小旋风 vb 记录 document 选项高度边框网页利用position把div放在flash上压缩采集 DIV+CSS做的透明菜单兼容IE、FF等透明 innerText 虚拟浮动对象全选混合 PSD 预览脚本容器爱国 shift 舒服换行格式化 IE8 qq right 工作室规则 Alpha 管理系统计算思考优化下划线 FireFox