Rumah > Artikel > hujung hadapan web > js动画效果打开层关闭层_javascript技巧

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

WBOYasal: 2016-05-16 19:05:061410semak imbas

<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>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

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

Artikel berkaitan

Lihat lagi