导航:首页 > 编程语言 > js弹出div层特效
js弹出div层特效
发布时间：2025-07-24 00:57:32A. 问一个js的特效问题,窗口屏幕变黑且不能使用,并弹出可供操作窗口
很简单的。
<不能使用>：
1.设置可供操作窗口为绝对定位，zIndex为最高
2.设置一个div层，它的大小就是内浏览器容的大小，也是绝对定位，zIndex比可供操作窗口小，但是比普通的页面要高。
注意：这里IE6有个bug，步骤二设置的div层，是无法遮罩住<select>的，这是IE6的bug，解决的方案就是所谓的垫片技术，slim技术，怎么弄，网络一下你就知道啦。
<窗口屏幕变黑>：
把上面2设置的div层，设置其css，IE下可以使用IE的css中的滤镜，firefox也有类似的用法，注意两者是不一样的。
也可以设置背景图片，但是IE6是不支持png格式的，无法达到那种模糊透明的效果。
B. js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层效果，弹出的窗口不跳页面
通过JS代码 document.getElementById('divID').style.etElementById('divID').style.display = 'none'。函数可以实现。
C. 求一段js代码打开页面div5秒弹出，点击关闭按钮后再次定时弹出
问题分析：
首先来分析一下这个功能的两个步骤。
1、弹出：当页面初始化完毕后，等待N秒显示出div标签。
2、关闭：当div标签弹出后，再等待N秒后将其关闭。百
解决方案：
可以度使用JavaScript的setTimeout方法来做定时功能。
案例如下：
此案例设置页面初始化后5秒弹出div标签，再等5秒后关闭div标签。
HTML代码：
1<div>我是DIV的内容</div>
CSS代码：
div{width:200px;height:200px;line-height:200px;text-align:center;background-color:#000;color:#FFF;display:none;}
JavaScript代码：
setTimeout(function(){$('div').show();//将DIV标签显示出来。setTimeout(function(){$('div').hide();//将DIV标签隐藏。},5000);},5000);
页面初始化时为空白，5秒后的效果为：
D. 想js代码在页面窗口右侧弹出一个侧边栏div，但是不知道问题出在哪
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>222</title>
<style>
html,body{width:100%;height:100%;overflow:hidden;}
#div1{width:100px;height:200px;background:red;top:300px;right:-100px;position:absolute;}
#div1span{width:20px;height:60px;line-height:20px;top:70px;right:100px;background:yellow;text-align:center;position:absolute;}
</style>
</head>
<body>
<divid="div1"><span>111</span></div>
<script>
window.onload=function(){
varoDiv=document.getElementById('div1');
oDiv.style.right='-100px';
oDiv.onmouseover=function(){
startMove(1);
};
oDiv.onmouseout=function(){
startMove(0);
}
};
vartimer=null;
functionstartMove(iTarget){
varoDiv=document.getElementById('div1');
varspeed=1;
clearInterval(timer);
timer=setInterval(function(){
if(iTarget){
oDiv.style.right=parseFloat(oDiv.style.right)+speed+'px';
if(parseFloat(oDiv.style.right)>=0){
oDiv.style.right='0';
window.clearInterval(timer);
}
}else{
oDiv.style.right=parseFloat(oDiv.style.right)-speed+'px';
if(parseFloat(oDiv.style.right)<=-100){
oDiv.style.right='-100px';
window.clearInterval(timer);
}
}
},10);
}
</script>
</body>
</html>
我感觉你的逻辑有点太复杂了，既然都已经定位了，为何不直接用right值来调整呢，上面代码是用改变right值来实现的，并且这种效果通过css的transition更容易实现，可能是你为了专门练习JS吧。
E. div+css+js弹出div层窗口变灰,要覆盖整个页面,代码写清楚点,最好注释一下,谢谢,有帮助的给50分
这里有一个弹出层效果
能锁屏（窗口变灰,要覆盖整个页面）
还能相对浏览器定位和居中
里面有教程和源码
与js弹出div层特效相关的资料
- dnf6位代码
- java培训去哪好
- sqlite权威指南代码
- java中已知数组中任意取数
- java给一个方法限定时间
- js弹出div层特效
- js鼠标经过
- js如何显示隐藏div
- java图片二进制类型
- js判断visible
- 苹果手机电池设置代码
- java中文变量
- 抽签小程序
- svn和代码关联
- java基础类型转换
- iphone刷机错误代码1
- js实现页面分享功能实现原理
- java18永久代
- html页面的js检索功能实现
- snmp监控java
- javascriptradio判断
- vuejswindowonload
- html与java有什么联系
- linkstrjs
- javascriptzlib
- 新浪代码
- 程序缩写规则
- java生成数字的uuid
- java合并排序
- jsonconvertjar
- 惠普触摸板驱动程序下载
- 怎么限制程序开机启动项
- java枚举数据类型
- js设置audio循环播放
- xss跨站测试代码大全
- android程序设计文档模板
- 简单的socket程序
- java堆内存栈内存
- java中取字符串后几位
- javatreemap详解
- javatimer包
- javasocket应用