很酷的javascript loading效果代码_javascript技巧

复制代码 代码如下:

<font color=red><script language="JavaScript"> 
<!-- 
var url = 'http://www.jb51.net'; ///这里是你的网址  
//--> 
</script> 
</head> 
<body onLoad="location.href = url"> 
<div style='margin-top:40;margin-left:40;margin-right:0'> 
  <p> </p> 
  <p align="center"> </p> 
  <p align="center"> </p> 
  <p align="center">  
    <style><!--.proccess{border:0px  solid; border-color:#009900; width:2;height:15;background:eeeeee;margin:0}--></style> 
  </p> 
  <div style='margin-top:-20;margin-left:0;margin-right:0' align="center">  
    <form method=post name=proccess> 
      <script language=javascript> 
      document.write("<br><br><br><br><table border=0 cellspacing=1 cellpadding=0  bgcolor=#000000 ><tr bgcolor=#ffffff><td  style='font:9pt Verdana;'>")
for(i=0;i<200;i++)document.write("<input class=proccess >") 
      document.write("</td></tr></table><br>")
      document.write("<div align=center style='font-size:9pt;color:#660000;'> 数据正在加载中......</div>")
</script> 

  <div align="center"> 
    <script language=JavaScript><!-- 
var p=0,j=0; 
var c=new Array("#FF6600","#ffffff") 
setInterval('proccess();',100) 
function proccess(){ 
 document.forms.proccess.elements[p].style.background=c[j]; 
 p+=1; 
 if(p==200){p=0;j=1-j;}} 
--></script> 
  </div> 
</div> 
<div align="center"> 
  <script> 
<!-- 
if (document.layers)  
  document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');  
  else if (document.all || document.getElementById)  
   document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');  
else location.href = url; 
//--> 
</script> 
</div> 
</body></font>

时间: 2024-09-02 05:44:00

很酷的javascript loading效果代码_javascript技巧的相关文章

JS基于Ajax实现的网页Loading效果代码_javascript技巧

本文实例讲述了JS基于Ajax实现的网页Loading效果代码.分享给大家供大家参考,具体如下: 这是一款很不错的网页Loading效果,常用于Ajax交互式网页设计中,点击按钮即可弹出Loading框,若Loading框未加载完成时关闭网页,会弹出确认提示框,用于一些对安全性能要求高的网页交互处理中,比如付款操作. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ajax-web-loading-style-codes/ 具体代码如下:

JavaScript滑移效果代码_javascript技巧

自动滑移: 定点滑移:(鼠标点击) 定线滑移:(鼠标拖动轨迹)

用JavaScript仿PS里的羽化效果代码_javascript技巧

复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>用JavaScript防PS里的羽化效果代码 - www.jb51.net</title> </head> <body onload=setValues()> <center&g

JavaScript实现标题栏文字轮播效果代码_javascript技巧

本文实例讲述了JavaScript实现标题栏文字轮播效果代码.分享给大家供大家参考,具体如下: 这里演示的JS文字轮播,显示在标题栏区域,以前个人主页时候经常见到的效果,不过现在都规范了,标题栏一般都不加入这种效果了.但是可以学习一下JS制作实现一些文字特效,运行效果后请查看标题栏. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/ 具体代码如下: <html> <head>

JavaScript实现上下浮动的窗口效果代码_javascript技巧

本文实例讲述了JavaScript实现上下浮动的窗口效果代码.分享给大家供大家参考.具体如下: 这里介绍使用JavaScript实现上下浮动的窗口,在垂直方向上漂浮,代码内的JS函数有超丰富的浮动层定义功能,像浮动层位置高度.初始化事件触发器.设定浮动层为可见,用style.left设定浮动层左边距.浮动层的运动速度等,还有更多的设置选项都能实现. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-up-down-float-move-win

JavaScript直播评论发弹幕切图功能点集合效果代码_javascript技巧

一.代码 html+js <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>数发直播平台</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="styl

javaScript实现可缩放的显示区效果代码_javascript技巧

本文实例讲述了javaScript实现可缩放的显示区效果代码.分享给大家供大家参考,具体如下: 这里演示可缩放的显示区,采用JS代码实现,鼠标按住区域的右下角,出现拖放箭头时,向下或向上拉,就可实现缩放操作,当区域较小时显示滚动条,平时也比较常见的效果,在此将JavaScript代码与大家分享. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ksf-box-style-demo/ 具体代码如下: <HTML> <HEAD>

JS实现的仿QQ空间图片弹出效果代码_javascript技巧

本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: <script type="text/javascript"> function imageShow(which_click) { var image_path = which_click; //alert(image_path); var tag_top = Math.max(document.documentElement.scrollTop, document.body.scroll

js实现带圆角的两级导航菜单效果代码_javascript技巧

本文实例讲述了js实现带圆角的两级导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款使用JS做的圆角菜单,支持两级菜单显示,本人比较喜欢的风格,修改使用方便,新手也能上手快.使用有几张圆角图片来修饰了菜单,喜欢的朋友可以下载代码留作收藏使用.真心不错的蓝色导航条代码. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-cicle-nav-menu-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC