2009/06 归档 - 老艾之家 - 网站优化实验室,SEO工作者交流平台,百度搜索的特点,GOOGLE搜索的优势,Pagerunk的秘密

Html+Css做圆角表格

2009-6-30 10:38

<html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<br>无图片实现圆角框<br><br>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
</html>

很酷的loading效果

2009-6-29 16:12

Tags: loading效果

评论(0) 引用(0) 阅读(343)

<div style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden">
<div style="position:absolute;top:-1;left:0" id="pimg">
</div>
</div>
<div style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4" id="abc">
Loading............
</div>
<script>
s=new Array();
s[0]="#050626";
s[1]="#0a0b44";
s[2]="#0f1165";
s[3]="#1a1d95";
s[4]="#1c1fa7";
s[5]="#1c20c8";
s[6]="#060cff";
s[7]="#2963f8";
function ls(){
pimg.innerHTML="";
for(i=0;i<9;i++){
pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
}
}
function rs(){
pimg.innerHTML="";
for(i=9;i>-1;i--){
pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
}
}
ls();
var g=0;sped=0;
function str(){
if(pimg.style.pixelLeft<350&&g==0){
if(sped==0){
ls();
sped=1;
}
pimg.style.pixelLeft+=2;
setTimeout("str()",1);
return;
}
g=1;
if(pimg.style.pixelLeft>-200&&g==1){
if(sped==1){
rs();
sped=0;
}
pimg.style.pixelLeft-=2;
setTimeout("str()",1);
return;
}
g=0;
str();
}
function flashs(){
  if(abc.style.color=="#ffffff"){
  abc.style.color="#707888";
  setTimeout('flashs()',500);
  }
  else{
  abc.style.color="#ffffff";
  setTimeout('flashs()',500);
  }
  }
  flashs();
  str();
</script>