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实现点击按钮弹出层背景变灰相关的资料

友情链接