击按钮后，页面变灰？？？

aiolia911 2008-04-07 03:38:16

我想实现点击按钮后，页面变灰，显示正在执行或加载的样式，然后程序执行完后，页面恢复回来
这个代码应该在哪加呢？

...全文

1235 24 打赏收藏转发到动态举报

写回复

用AI写文章

24 条回复

切换为时间正序

请发表友善的回复…

发表回复

kong521 2008-06-04

打赏
举报

这里的收藏网摘就是这样的
你仿着做下就可以了

46539492 2008-06-04

打赏
举报

不错

xhaisheng 2008-06-04

打赏
举报

JQuery的插件jquery.blockUI完全满足你的需求

elivenet 2008-05-31

打赏
举报

[Quote=引用 1 楼 uself 的回复:]
command_click(){
command.enable=false;//变灰
执行其它;
command.enable=true;//可用

}
[/Quote]

凿实是个简洁强大的代码！我以后一定要学C#

zxj123 2008-05-31

打赏
举报

Ajax实现最方便,用层来配合实现这个效果

xingyanguang0433 2008-05-31

打赏
举报

wordture 2008-05-31

打赏
举报

具体那个用css 和 Div 怎么实现？可否有代码实例？

ccp5780199 2008-04-08

打赏
举报

background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;

syc958 2008-04-08

打赏
举报

看一下Ajax的页面生存周期!

jayfushuai 2008-04-08

打赏
举报

[Quote=引用 1 楼 uself 的回复:]
command_click(){
command.enable=false;//变灰
执行其它;
command.enable=true;//可用

}
[/Quote]
是页面变灰，不是按钮变灰

用JS可以搞定的
代码很多，上网找找吧

caofan520 2008-04-08

打赏
举报

Ajax

forverlove 2008-04-08

打赏
举报

关注一下

aiolia911 2008-04-08

打赏
举报

我的目的是想在点击一个按钮后，在执行的时候不要让用户有机会点其他按钮，所以想点了后整个页面遮罩一下，然后执行完程序后，再恢复，是这个意思

xuyiazl 2008-04-08

打赏
举报

http://www.zhouli.net/xuyi/jquery/animate.htm

这种`??????

assassina 2008-04-08

打赏
举报

用div实现了 div的内容和背景可以自己设置
当点按钮的时候这个div显示并且置顶
执行完成后隐藏这个div就可以了

oec2003 2008-04-08

打赏
举报

可以用jquery的一个插件 blockUI

cjkwin 2008-04-08

打赏
举报

css + div 控制！

fjb5926 2008-04-08

打赏
举报

DotGod 2008-04-07

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title></title> 

<style> 

html,body{font-size:12px;margin:0px;height:100%;} 

.mesWindow{border:#666 1px solid;background:#fff;} 

.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;} 

.mesWindowContent{margin:4px;font-size:12px;} 

.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff} 

</style> 

<script> 

var isIe=(document.all)?true:false; 

//设置select的可见状态 

function setSelectState(state) 

{ 

 var objl=document.getElementsByTagName('select'); 

 for(var i=0;i<objl.length;i++) 

 { 

 objl[i].style.visibility=state; 

 } 

} 

function mousePosition(ev) 

 { 

 if(ev.pageX || ev.pageY) 

 { 

 return {x:ev.pageX, y:ev.pageY}; 

 } 

 return { 

 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop 

 }; 

 } 

//弹出方法 

function showMessageBox(wTitle,content,pos,wWidth) 

{ 

 closeWindow(); 

 var bWidth=parseInt(document.documentElement.scrollWidth); 

 var bHeight=parseInt(document.documentElement.scrollHeight); 

 if(isIe){ 

 setSelectState('hidden');} 

 var back=document.createElement("div"); 

 back.id="back"; 

 var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;"; 

 styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;"; 

 back.style.cssText=styleStr; 

 document.body.appendChild(back); 

 showBackground(back,50); 

 var mesW=document.createElement("div"); 

 mesW.id="mesWindow"; 

 mesW.className="mesWindow"; 

 mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; 

 

 styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;"; 

 mesW.style.cssText=styleStr; 

 document.body.appendChild(mesW); 

} 

//让背景渐渐变暗 

 function showBackground(obj,endInt) 

{ 

 if(isIe) 

 { 

 obj.filters.alpha.opacity+=1; 

 if(obj.filters.alpha.opacity<endInt) 

 { 

 setTimeout(function(){showBackground(obj,endInt)},5); 

 } 

 }else{ 

 var al=parseFloat(obj.style.opacity);al+=0.01; 

 obj.style.opacity=al; 

 if(al<(endInt/100)) 

 {setTimeout(function(){showBackground(obj,endInt)},5);} 

 } 

} 

//关闭窗口 

function closeWindow() 

{ 

 if(document.getElementById('back')!=null) 

 { 

 document.getElementById('back').parentNode.removeChild(document.getElementById('back')); 

 } 

 if(document.getElementById('mesWindow')!=null) 

 { 

 document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow')); 

 } 

 

 if(isIe){ 

 setSelectState('');} 

} 

//测试弹出 

function testMessageBox(ev) 

{ 

 var objPos = mousePosition(ev); 

 messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; 

 showMessageBox('窗口标题',messContent,objPos,350); 

} 

</script> 

</head> 

<body> 

<div style="padding:20px"> 

<div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div> 

<div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏，关闭时会让其显示，目的是在IE中防止弹出的DIV挡不住下拉框</div> 

<div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div> 

<div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div> 

</div> 

</body> 

</html>