javascript动画效果打开/关闭层

</p> <p><title>js_<a href="https://kunjuke.com/tag/47308/" title="打开层" target="_blank">打开层</a><a href="https://kunjuke.com/tag/47310/" title="关闭层" target="_blank">关闭层</a>效果_北冥有鱼</title> </p> <p>body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;}<br /> #bodyL{<br /> float:left;<br /> width:84px;<br /> margin-right:2px;<br /> }<br /> a.od{<br /> width:80px;<br /> height:25px;<br /> line-height:25px;<br /> text-align:center;<br /> font-weight:bold;<br /> border: 2px solid #849BCA;<br /> display:block;<br /> color:#547BC9;<br /> float:left;<br /> text-decoration:none;<br /> margin-top:2px;<br /> }<br /> a.od:link{<br /> background:#EEF1F8;<br /> }<br /> a.od:visited{<br /> background:#EEF1F8;<br /> }<br /> a.od:hover{<br /> background:#EEE;<br /> }<br /> a.od:active{<br /> background:#EEE;<br /> }<br /> #fd{<br /> width:500px;<br /> height:200px;<br /> background:#EDF1F8;<br /> border: 2px solid #849BCA;<br /> margin-top:2px;<br /> margin-left:2px;<br /> float:left;<br /> overflow:hidden;<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> cursor:move;<br /> float:left;<br /> /*filter:alpha(opacity=50);*/ </p> <p>}<br /> .content{<br /> padding:10px;<br /> } </p> <p> [打开层] </p> <p> [关闭层] </p> <p> 移动层 </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• javascript简易动画类(div渐变)
• 深入探究使JavaScript动画流畅的一些方法