導航:首頁 > 編程語言 > 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層特效相關的資料

熱點內容
vss資料庫是什麼 瀏覽：899
奇跡13單機系統找不到指定文件 瀏覽：719
flyme魅藍3以前的版本 瀏覽：318
安卓文件管理哪些文件夾可以刪除 瀏覽：290
安卓車載導航沒有聲音是怎麼回事 瀏覽：810
cjson數組格式 瀏覽：159
vb文件在哪裡 瀏覽：215
工廠里都招什麼編程人員 瀏覽：932
jspsql登錄 瀏覽：981
網路用語粉絲閱讀什麼意思 瀏覽：333
紅頭文件怎麼列印 瀏覽：94
熱血江湖130刺客升級 瀏覽：106
jsp頁面放大鏡技術介紹 瀏覽：101
網路編程udp 瀏覽：148
加密壓縮文件如何打開 瀏覽：56
微軟編程軟體有哪些 瀏覽：736
linux目錄中創建文件夾許可權設置密碼 瀏覽：759
word文檔正式文件模版 瀏覽：247
linux文件系統的類型是 瀏覽：111
蘋果的無線傳輸文件找不到了 瀏覽：102

友情鏈接