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

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

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

极酷的,漂亮的页面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加Appium判断滑动是否到达屏幕底部; DIV+CSS之自动换行; HTML文档中meta标签的作用; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; NameError: name ‘xxx‘ is not defined问题总结; dreawmeaver中鲜为人知的小秘诀,让你制作网页更加随心所欲.; 另类营销,“我在床上很厉害的哦”引发的思考; css背景使用base64编码或者将base64编码放在img图片标签中

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: python退出while循环break、return、continue; 超级酷的滚动条颜色代码生成器; 非常酷的javascript实现万年历功能; jquery实现下拉加载更多; 一个更加高级的CSS菜单,绝对实用,超强的; 倒计时广告/始终保持在网页中部

更多标签热门标签

策划 overflow margin 文字 script 拖动 xhtml 渐隐 absolute 个人源文件标签特效 position 强聊代码第几楼标语色彩面板 2.0 单选收藏夹 photoshop style 长配色千位查找 word-spacing 锚点 JavaScript实现文本框提示效果适应树型破解 126 flush 淘宝 2003 游览器 optgroup 增高多选 265 等待 DW 左右模仿鼠标教程