導航:首頁 > 編程語言 > js彈出div層特效

js彈出div層特效

 發布時間：2025-07-24 00:57:32

A. 問一個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層特效相關的資料

熱點內容
xp網路驅動器如何刪除 瀏覽：243
易語言瀏覽文件夾添加 瀏覽：886
自學stm編程怎麼學 瀏覽：442
魔俠傳怎麼升級快 瀏覽：105
sql存儲文件路徑 瀏覽：880
陌游最新版本 瀏覽：752
安卓如何快速截屏快捷鍵 瀏覽：515
紅米手機文件管理在哪 瀏覽：857
區域網ftp文件上傳不了 瀏覽：180
pr音頻文件導出存檔哪裡 瀏覽：234
ae與c4d的3d協同工作視頻教程 瀏覽：398
江寧兒童編程哪個好 瀏覽：694
不用帶駕照的app是什麼情況 瀏覽：437
照片用畫圖工具改了恢復 瀏覽：148
騰訊視頻的文件名是什麼 瀏覽：880
蘋果筆記本怎麼復制文件到usb 瀏覽：200
linux設置文件用戶許可權 瀏覽：261
投標文件應包含內容有哪些 瀏覽：605
s7有哪些編程語言 瀏覽：812
手機thumbdb是什麼文件 瀏覽：47

友情鏈接