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

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

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

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

相关阅读: python自动控制鼠标操作pymouse; iframe框架自适应高度代码; 12个定律原则; 网站最近更新缓慢说明; 26件网站推广网页优化必须的事情; 微信小程序操作json与数组增加; 珍惜每一个你遇到过的人放开你心灵之约的视频; css里expression实现界面对象的批量控制

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

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

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

更多>>随机抽取信息: uni-app基础知识页面事件与web事件的对比; 测试电脑硬件信息软件; 另外的一种可以计算的倒计时效果; 一个相当帅的日历时间面板; 诸城现代旅行社有限公司; asp无限级调用分类显示

更多标签热门标签

hover DW 弹窗事务 absolute 关闭繁体文本文件类型调用珍惜控件思考 link 换行深山行者 exe tags div的高度清除源文件许愿故事 clear msn 文化 DIV+CSS做的透明菜单兼容IE、FF等 onblur style 定制标签访问量 csss 采集工具应用时钟字体 tab 资料 rss IP 下划线文字垂直 Response 文字用户体验商城显示 title