javascript动画效果打开/关闭层

发布时间：2008-06-07　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

用javascript实现打开层和关闭层的效果，原理不错，学习，记录好

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js_打开层关闭层效果_全福编程网</title> 
<style type="text/css"> 
body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;} 
#bodyL{ 
    float:left; 
    width:84px; 
    margin-right:2px; 
} 
a.od{ 
    width:80px; 
    height:25px; 
    line-height:25px; 
    text-align:center; 
    font-weight:bold; 
    border: 2px solid #849BCA;     
    display:block; 
    color:#547BC9; 
    float:left; 
    text-decoration:none; 
    margin-top:2px; 
} 
a.od:link{ 
    background:#EEF1F8; 
} 
a.od:visited{ 
    background:#EEF1F8; 
} 
a.od:hover{ 
    background:#EEE; 
} 
a.od:active{ 
    background:#EEE; 
} 
#fd{     
    width:500px; 
    height:200px; 
    background:#EDF1F8;     
    border: 2px solid #849BCA; 
    margin-top:2px; 
    margin-left:2px; 
    float:left; 
    overflow:hidden; 
    position:absolute; 
    left:0px; 
    top:0px; 
    cursor:move; 
    float:left; 
    /*filter:alpha(opacity=50);*/ 
     
} 
.content{ 
    padding:10px; 
} 
</style> 
</head> 
<body> 
 
     
        [打开层] 
     
     
        [关闭层] 
     
     
 
    移动层     
 
     
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：css客齐集社区头像显示效果

下一篇：用JS剩余字数计算的代码

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

javascript动画效果打开/关闭层

相关推荐

文章分类

热门关键词

热门文章

最新更新