js實現點擊按鈕彈出層背景變灰_js 通過button按鈕onclick事件改變背景顏色如何切換性改變

❶ div+css+js彈出div層窗口變灰,要覆蓋整個頁面,代碼寫清楚點,最好注釋一下,謝謝,有幫助的給50分

這里有一個彈出層效果
能鎖屏（窗口變灰,要覆蓋整個頁面）
還能相對瀏覽器定位和居中
裡面有教程和源碼

❷ 如何使用javascript使按鈕變灰且不能點擊

第一種方法：直接按鈕中加入

當點擊提交後，提交按鈕變灰色不可用，這樣可有效防止重復提交，本代碼就是實現這樣一個功能。從代碼就可以看出，我們只需在提交按鈕上加入這一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是當按鈕點擊後，將按鈕的不可用屬性設置為true，這樣按鈕就變灰了

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>表單提交後按鈕變成灰色</title>
</head>
<body>
<formname=form1method="POST"action="/"target=_blank>
<p><inputtype="text"name="T1"size="20"><inputtype="button"value="提交"onclick="javascript:{this.disabled=true;document.form1.submit();}">
<inputtype="reset"value="重置"name="B2"></p>
</form>
</body>
</html>

第二種方法：通過onSubmit事件實現，並且可以將變灰按鈕變為可用

在form裡面添加 onSubmit事件，如果表單加入了判斷，那麼這個方法直接就可以用了，記住就放到最後，否則一開始就為灰了，但我們加上了一個使提交按鈕變為可用的代碼，
即可防止重復提交信息，也可以防止代碼問題導致不可提交的情況

<formname=form1action=""onSubmit="returnclosebut()">
<inputname="imageField"type="submit"class="inputbut"value="確定"/><br>
<inputtype="button"name="hui"id="hui"value="讓提交按鈕可用"onclick="document.form1.imageField.disabled=false"/>
</form>
<script>
functionclosebut(){
document.form1.imageField.disabled=true;
}
</script>

第三種，跟上面的類似

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="keywords"content="站長,網頁特效,js特效,js腳本,腳本,廣告代碼"/>
<metaname="description"content="www.jb51.net,站長特效網，站長必備js特效及廣告代碼。大量高質量js特效，提供高質量廣告代碼下載,盡在站長特效網"/>
<title>網頁特效表單提交後按鈕變灰效果三</title>
</head>
<body>
<ahref="http://www.jb51.net/">腳本之家</a>,站長必備的高質量網頁特效和廣告代碼。<hr>
<!--歡迎來到腳本之家，我們網站收集大量高質量js特效，提供許多廣告代碼下載，網址：<Ahref="http://www.jb51.net">www.jb51.net</A>，用.net打造靚站-->
<scriptlanguage="javascript">
functionsubmitonce(jb51_net){
if(document.all||document.getElementById){
for(i=0;i<jb51_net.length;i++){
vartempobj=jb51_net.elements[i];
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
tempobj.disabled=true;
}
}
}//歡迎來到站長特效網，我們的網址是www.jb51.net，很好記，zz站長，js就是js特效，本站收集大量高質量js代碼，還有許多廣告代碼下載。
</script>
<formaction="http://www.jb51.net"method="post"name="jb51_net"onSubmit="submitonce(this)">
<inputtype="text"name="name">
<inputtype="submit"name="submit1"value="提交">
</form>
</body>
</html>

❸ javascript實現點擊按鈕彈出一個可關閉層窗口同時網頁背景變灰的方法需說明在哪裡修改彈出窗口的內容

您好！很高興為您解答問題：您指的可關閉層窗口指的是遮罩層吧， <style>
#nu{position:absolute;left:548px;top:407px;background:#fff;padding:20px26px;border-radius:5px;text-align:center;}
</style>
<divid="tixing">
<divid="nu">按交管部門通知，科目一考試系統全面更新。全真模擬考試下不能修改答案，每做一題，系統自動計算錯誤題數，及格標准為90分。<br><br>
<inputtype="button"id="queding"value="確定"/>
</div>

</div>
<script>
varbottom=document.getElementById('bottom');
vartixing=document.getElementById('tixing');
queding.onclick=function(){

tixing.style.display='none';
jishi();

};
</script>

望採納。

❹ js彈出div層並使窗口變灰，移動滾動條還是要覆蓋整個窗口，大家幫幫忙，有幫助我給20分

試試這個彈出層效果
可以設置背景變灰並鎖定
還可以設置居中和定位效果
裡面有教程和源碼

❺ 求助~怎麼實現按鈕點擊一次之後，按鈕不能再點擊了，變為灰色,下面代碼怎麼更改

1、首先新建html頁面，抄設置一個button按鈕。

❻ 請教JS前輩！網頁按鈕點擊後變灰然後3秒後又可以點擊了！請問怎麼做！

<input type="submit" name="Submit" value="發送來" id="abc" onclick="test();">
<script language="javascript">
function test()
{
var abc=document.getElementById('abc');
abc.disabled=true;
document.form1.submit();
//這里可以放文本域文源字消失代碼，可我實在想不明白你的意思，再加上代碼應該也不難，所以你可以在這里自己加上
setTimeout("abc.disabled=false;",3000); //代碼核心在這里，3秒還原按鈕代碼
}
</script>

❼ js 通過button按鈕onclick事件改變背景顏色如何切換性改變

<HTML>
<head>
<script>
function mychange()
{
var color = document.getElememtById("colorType").value;
if(color == "red")
{

document.getElementById("div1").style.background="blue";
document.getElememtById("colorType").value = "blue";
}
else if(color == "blue")
{
document.getElementById("div1").style.background="red";
document.getElememtById("colorType").value = "red";
}

}
</script>
</head>
<body>
<table id="div1" style="height:80px; width:800px; background:red">
<input type="hidden" value="red" id="colorType" />
<input type="button" value="第一個按鈕" onclick="mychange()" />
</table>

</body>
</HTML>

這是一種簡單的方式實現。還有很多中解決方案，你可以再拓展一下。

❽ js怎麼實現按鈕點過一次以後就變為灰色，即使刷新頁面也不能點擊

將這種狀態保存下來不就行了。比如說你想做一個簽到頁面，資料庫裡面保存版你當天的簽到狀態為0，頁面權上獲取這個狀態，為0的時候可以點擊，點擊後改變狀態保存，為1的時候不可點擊，為避免重復點擊可以使用回調函數，點擊之後先將disabled改為true然後提交狀態到後台，這樣就算刷新，只要你的狀態是1就不可點

導航:首頁 > 編程語言 > js實現點擊按鈕彈出層背景變灰

js實現點擊按鈕彈出層背景變灰

與js實現點擊按鈕彈出層背景變灰相關的資料

友情鏈接