简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）

Home > Article > Web Front-end > js动画效果打开层关闭层_javascript技巧

js动画效果打开层关闭层_javascript技巧

WBOYOriginal: 2016-05-16 19:05:061364browse

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>DOM_text01</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> 
 
 
<div id="bodyL"> 
    <a href="#" class="od" onclick="show('fd');return false;"> 
        [</a>
</div>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：用javascript实现截取字符串包含中文处理的函数_javascript技巧Next article：不懂JavaScript应该怎样学_基础知识

Related articles

See more