一个异常酷的进度条，实现简朴-会员卡,广州印刷,深圳印刷,印刷公司,名片,彩页,名片设计,设计教程,名片制作,彩色名片,名片模板,贵宾卡,pvc卡,设计欣赏,深圳名片,广州名片,business card design

首页	名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash

» 彩色名片
» PVC卡
» 彩色磁性卡
» 彩页/画册
» 个性印务
» 彩色不干胶
» 明信片
   » 明信片
   » 彩色书签
   » 门挂
» 其他产品与服务
   » 创业锦囊
   » 办公用品
   » 信封、信纸
   » 便签纸、斜面纸砖
   » 无碳复印纸
   » 海报
   » 大篇幅印刷
   » KT板
   » 海报
   » 横幅

一个异常酷的进度条，实现简朴
<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">











</marquee>
</center>
</body>
</html>

返回类别: 教程
上一教程: CSS文本:TEXT-INDENT
下一教程: HTML文件中也玩INCLUDE文件包含

您可以阅读与"一个异常酷的进度条，实现简朴"相关的教程:
· 用XsltArgumentList实现xsl的参数调用
· 关于网页中实现套打的解决办法
· 一个简朴的XML 服务器
· 概述IE和SQL2k开发一个XML聊天程序
· 亲密接触XML(7）－我的属性规则的一个例外


	快精灵印艺坊版权所有	首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店网站地图关于我们友情链接