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

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

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

极酷的,漂亮的页面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技巧:让网页自动穿上外套

相关阅读: IE6.0, IE7.0和FireFox浏览器css样式兼容; Javascript实现CSS代码高亮显示; uni-app微信小程序分享微信好友与分享到朋友圈功能; 四川悠旅地旅游有限公司; DIV+CSS奇怪问题之边界（margin）叠加; JS自动格式化输入的数字/千位分隔符; uni-app三目运算class和style; 重庆长航江山国际旅行社

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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下载源让下载库飞起

更多>>随机抽取信息: python错误yntaxError: Non-UTF-8 code starting with '\xd3' in file 文件.py but no encoding declared; macromedia dreamweaver 平均分布单表格宽度与高度mxp插件下载; Javascript JS 限制复选框的选择个数(2); 网页添加WhatsApp跳转链接教程; 一个可以选择变化背景色的小程序; javascript自动获取Tags关键字

更多标签热门标签

下拉 document 选项简易高度边框 iis 控件居中网页利用position把div放在flash上关闭 instr 压缩跳转采集 DIV+CSS做的透明菜单兼容IE、FF等 letter-spacing 透明 innerText 天气预报滑轮虚拟浮动对象 time mssql 全选混合 Session 货币 PSD 预览美化缩小脚本许愿墙 FlashFxp 容器爱国统计火狐 shift 舒服百度拼音换行格式化模板 expression IE8