js动画效果打开层 关闭层

</p> <p><title>DOM_text01</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> [<a href="https://www.kunjuke.com/tag/47308/" title="打开层" target="_blank">打开层</a>] </p> <p> [<a href="https://www.kunjuke.com/tag/47310/" title="关闭层" target="_blank">关闭层</a>] </p> <p> 移动层 </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 又一款js时钟!transform实现时钟效果
• 基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
• 浅谈javascript获取元素transform参数
• 用js实现的模拟jquery的animate自定义动画(2.5K)
• 图片的左右移动，js动画效果实现代码
• 九种原生js动画效果
• javascript判断css3动画结束 css3动画结束的回调函数
• js动画(animate)简单引擎代码示例
• JS判断页面加载状态以及添加遮罩和缓冲动画的代码
• 实现动画效果核心方式的js代码
• JS实现超炫网页烟花动画效果的方法
• javascript与css3动画结合使用小结
• JS实现动画兼容性的transition和transform实例分析