硬件学院 | 网络学院 | 游戏秘籍 | 求职技巧 | 企业管理 | 软件资讯 | IT导购 | 软件下载 | 源码下载
软件学院 | 安全资讯 | 图形图象 | 网络营销 | 电子商务 | 硬件资讯 | IT生活 | 教程下载 | 电影娱乐
网站首页    个人求职    单位招聘    高校联盟    猎头服务    培训服务    资讯中心    IT论坛
让每一个热爱IT的人都找到一份满意的工作!
文章搜索:
 您的位置首页->-> 软件学院-> ASP技术-> 一个非常酷的进度条,实现简单。加入精华?
一个非常酷的进度条,实现简单。加入精华?
作者:中国资讯网 来源:zixuen.com 加入时间:2005-5-12 www.cnitrc.com
<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>

  相关文章:
ASP技术
ASP技术
PHP技术
JSP技术
.NET技术
服务器技术
数据库技术
其它类
工具软件
办公软件
本类阅读TOP10
 
关于我们   |   服务声明   |   使用帮助   |   广告合作   |   网站地图   |   友情链接   |   加盟合作   |   联系我们
Copyright © 2006 cnitrc.com Inc. All Rights Reserved. 浙ICP备05074295号
中国IT人才网 版权所有 网络实名:中国IT人才
未经书面授权严禁转载和复制本站的任何招聘信息和文章