教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 编程基地 >> ASP >> 一个非常酷的进度条,实现简单。加入精华? RSS订阅
一个非常酷的进度条,实现简单。加入精华?
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   
<HTML>
<head>
<style type="text/CSS">

body {
    background:    000000;
    font:        MessageBox;
    font:        Message-Box;
}

marquee {
    border:        1px solid ButtonShadow;
    background:    333333;
    height:        12px;
    font-size:    1px;
    margin:        1px;
    width:        400px;
    -moz-binding:    url("marquee-binding.XML#marquee");
    -moz-box-sizing:    border-box;
    display:        block;
    overflow:        hidden;
}

marquee span {
    height:            8px;
    margin:            1px;
    width:            6px;
    background:        ff9900;
    float:            left;
    font-size:        1px;
}

.progressBarHandle-0 {
    filter:        alpha(opacity=20);
    -moz-opacity:    0.20;
}

.progressBarHandle-1 {
    filter:        alpha(opacity=40);
    -moz-opacity:    0.40;
}

.progressBarHandle-2 {
    filter:        alpha(opacity=60);
    -moz-opacity:    0.6;
}

.progressBarHandle-3 {
    filter:        alpha(opacity=80);
    -moz-opacity:    0.8;
}

.progressBarHandle-4 {
    filter:        alpha(opacity=100);
    -moz-opacity:    1;    
}


.progressBarHandle-5 {
    filter:        alpha(opacity=100);
    -moz-opacity:    1.2;    
}

.progressBarHandle-6 {
    filter:        alpha(opacity=100);
    -moz-opacity:    1.4;    
}

.progressBarHandle-7 {
    filter:        alpha(opacity=100);
    -moz-opacity:    1.8;    
}
.progressBarHandle-8 {
    filter:        alpha(opacity=100);
    -moz-opacity:    2;    
}
.progressBarHandle-9 {
    filter:        alpha(opacity=100);
    -moz-opacity:    2.2;    
}



</style>
</head>
<body>
<center><marquee direction="right" scrollamount="8" scrolldelay="100">
    <span class="progressBarHandle-0"></span>
    <span class="progressBarHandle-1"></span>
    <span class="progressBarHandle-2"></span>
    <span class="progressBarHandle-3"></span>
    <span class="progressBarHandle-4"></span>
    <span class="progressBarHandle-5"></span>
    <span class="progressBarHandle-6"></span>
    <span class="progressBarHandle-7"></span>
    <span class="progressBarHandle-8"></span>
    <span class="progressBarHandle-9"></span>

</marquee>
</center>
</body>
</HTML>


来源:upschool.com.cn
作者:
关键字:非常酷,进度条,实现简单。加入精华
发表日期:2005-11-19

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:一个很好的效果,隐藏表格   下一篇:那个想用纯JS检测404错误的,来看看.不一定很准确


2009-1-9 0:01:16
本文的相类似文章
  • 用PictureBox代替进度条
  • 用VB做个漂亮的进度条
  • 进度条 - 步骤教程
  • 带进度条的Loading制作
  • 打开一个非常酷的窗口网页
  • VBScript的扫描进度条程序
  • 投票结果的图片进度条显示
  • 改进文件上传的进度条,实时反映上传情况
  • JSP编程进度条设计实例
  • 带进度条的关闭窗口
  • 在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com