js实现非常棒的弹出div
本文实例为大家分享了一个非常棒的弹出div，供大家参考，具体内容如下
<html>
<head>
<meta charset="utf-8" />
<title>LIGHTBOX EXAMPLE</title>
<style>
.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=60); }
.white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; }
</style>
<script>
function one(){
document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'
}
function two(){
document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'
}
</script>
</head>
<body>
<p>可以根据自己要求修改css样式
<a href="javascript:void(0)" onclick="one()">点击这里打开窗口</a>
</p>
<div id="light" class="white_content">
This is the lightbox content.
<a href="javascript:void(0)" onclick="two()">Close</a>
</div>
<div id="fade" class="black_overlay">
</div>
</body>
</html>
以上就是本文的全部内容，希望对大家有所帮助，希望大家继续关注小牛知识库的最新内容。
-
本文向大家介绍js实现div弹出层的方法，包括了js实现div弹出层的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现div弹出层的方法。分享给大家供大家参考。具体分析如下： 话说现在各种插件出来了要实现弹出层真是太简单了，但个人有时觉得那些插件不实用经常会找一些纯js原生态的东西，下面来给各位分享一个原生太js div弹出层实例，有需要的朋友可一起看看。 这个不用多说了,直接
-
本文向大家介绍原生js实现弹出层效果，包括了原生js实现弹出层效果的使用技巧和注意事项，需要的朋友参考一下 知识要点 1.遮罩层的宽度和高度是js获取页面的宽高（页面内容） 2.登录框设置静止定位fixed 3.登录框居中显示公式：(可视区域宽高-登录框宽高)/2 完整代码 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！
-
本文向大家介绍很棒的Android弹幕效果实例，包括了很棒的Android弹幕效果实例的使用技巧和注意事项，需要的朋友参考一下 很多项目需要用到弹幕效果，尤其是在播放视频的时候需要一起显示别人发的弹幕，也包括自己的发的。 今天就试着写了一下这个效果。 思路就是将从右往左的动画效果，字体内容，字体大小，弹幕平移速度等属性一起与TextView封装成BarrageItem，并将控制效果与Barrage
-
本文向大家介绍JS简单实现动画弹出层效果，包括了JS简单实现动画弹出层效果的使用技巧和注意事项，需要的朋友参考一下 JS简单实现动画弹出层效果 以上所述就是本文的全部内容了，希望大家能够喜欢。
-
本文向大家介绍使用原生JS实现弹出层特效，包括了使用原生JS实现弹出层特效的使用技巧和注意事项，需要的朋友参考一下 创建遮罩层 新建弹出层 调节弹层位置 屏幕滚动事件时调整位置 完整代码
-
本文向大家介绍非常棒的jQuery图片轮播效果，包括了非常棒的jQuery图片轮播效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery图片轮播效果，很个性，具体内容如下 购物产品展示：图片轮播器，效果如下所示： 思路说明： 每隔一段时间，实现图片的自动切换及选项卡选中效果 两个区域： 最外层容器区域，如上图红色线框矩形 选项卡区域 两个事件：