50分求DIV提示信息。该如何处理

2012-02-07

50分求DIV提示信息。。。。有谁会在点击按钮的CLICK事件后，出现一个提示信息的DIV，然后等操作完成后，此DIV就消

50分求DIV提示信息。。。。
有谁会在点击按钮的CLICK事件后，出现一个提示信息的DIV，然后等操作完成后，此DIV就消失了或跳转页面

谁会？

我想要个后台CS中通用的代码。

谢谢，谢谢！！！！

[解决办法]
可以用一个透明的div
这好像是使用ajax比较方便
[解决办法]
//这个是我没事时做的你沾过去看看是不是你要的效果
<HTML>
<HEAD>
<TITLE> 网站大集合 </TITLE>
<style TYPE= "text/css ">

</style>
</HEAD>
<BODY>
<table border= "0 " cellspacing= "0 " cellpadding= "0 " width= "100% " bgcolor= "#ffcc00 ">
<tr>
<script language= "JavaScript ">

var selection=new Array()
selection[0]= ' <font face= "宋体 "> <a href= "http://www.skycn.com "> 网易首页 </a> </font> <br> '
selection[1]= ' <font face= "宋体 "> <a href= "http://www.delphibbs.com "> 免费邮箱 </a> </font> <br> '
selection[2]= ' <font face= "宋体 "> <a href= "http://www.codelphi.com "> VIP邮箱 </a> </font> <br> '
selection[3]= ' <font face= "宋体 "> <a href= "http://www.csdn.net "> 网易最新动态 </a> </font> <br> '

var selectionone=new Array()
selectionone[0]= ' <font face= "宋体 "> <a href= "http://www.skycn.com "> 搜狐首页 </a> </font> <br> '
selectionone[1]= ' <font face= "宋体 "> <a href= "http://www.delphibbs.com "> 免费邮箱 </a> </font> <br> '
selectionone[2]= ' <font face= "宋体 "> <a href= "http://www.codelphi.com "> VIP邮箱 </a> </font> <br> '
selectionone[3]= ' <font face= "宋体 "> <a href= "http://www.csdn.net "> 搜狐最新动态 </a> </font> <br> '

var selectiontwo=new Array()
selectiontwo[0]= ' <font face= "宋体 "> <a href= "http://www.sina.com "> 新浪首页 </a> </font> <br> '

selectiontwo[1]= ' <font face= "宋体 "> <a href= "http://www.sina.com "> 免费邮箱 </a> </font> <br> '
selectiontwo[2]= ' <font face= "宋体 "> <a href= "http://www.sina.com "> VIP邮箱 </a> </font> <br> '
selectiontwo[3]= ' <font face= "宋体 "> <a href= "http://www.sina.com "> 新浪最新动态 </a> </font> <br> '

var selectionthree=new Array()
selectionthree[0]= ' <font face= "宋体 "> <a href= "http://www.yahu.com "> 雅虎首页 </a> </font> <br> '
selectionthree[1]= ' <font face= "宋体 "> <a href= "http://www.yahu.com "> 免费邮箱 </a> </font> <br> '
selectionthree[2]= ' <font face= "宋体 "> <a href= "http://www.yahu.com "> VIP邮箱 </a> </font> <br> '
selectionthree[3]= ' <font face= "宋体 "> <a href= "http://www.yahu.com "> 雅虎最新动态 </a> </font> <br> '
[解决办法]
这个简单啊

首先定义一个div 一定要设置成runat=server
比如 <div id= "div1 " runat= "server "> 这是提示信息 <div>

然后在后台cs的某个事件里写:
div1.Visible=true;
....这里是操作....

操作完了之后再：
div1.Visible=false;

[解决办法]
function dropit1()
{
if (document.all)
{
dropmenu01.style.left=document.body.scrollLeft+event.clientX-event.offsetX;
dropmenu01.style.top=document.body.scrollTop+event.clientY-event.offsetY+18;
if (dropmenu01.style.visibility== "hidden ")
{
dropmenu01.filters.revealTrans.apply();
dropmenu01.style.visibility= "visible ";
dropmenu01.filters.revealTrans.play();

}
else
{
hidemenu();
}
}
}
function hidemenu()
{
dropmenu01.filters.revealTrans.apply();
dropmenu01.style.visibility= "hidden ";
dropmenu01.filters.revealTrans.play();
}
if (document.all)
{
document.body.onclick=hidemenu;
}

function dropit2()
{
if (document.all)
{
dropmenu02.style.left=document.body.scrollLeft+event.clientX-event.offsetX;
dropmenu02.style.top=document.body.scrollTop+event.clientY-event.offsetY+18;
if (dropmenu02.style.visibility== "hidden ")
{
dropmenu02.filters.revealTrans.apply();
dropmenu02.style.visibility= "visible ";
dropmenu02.filters.revealTrans.play();
}
else
{
hidemenu1();
}
}
}
function hidemenu1()
{
dropmenu02.filters.revealTrans.apply();
dropmenu02.style.visibility= "hidden ";
dropmenu02.filters.revealTrans.play();
}
if (document.all)
{
document.body.onclick=hidemenu1;
}

function dropit3()
{
if(document.all)
{
if(dropmenu03.style.visibility== "hidden ")
{
dropmenu03.filters.revealTrans.apply();
dropmenu03.style.visibility= "visible ";
dropmenu03.filters.revealTrans.play();
}
else
{
hidemenu2();
}
}
}
function hidemenu2()
{
dropmenu03.filters.revealTrans.apply();
dropmenu03.style.visibility= "hidden ";
dropmenu03.filters.revealTrans.play();
}
if(document.all)
{
document.body.onclick=hidemenu2;

}

function dropit4()
{
if(document.all)
{
if(dropmenu04.style.visibility== "hidden ")
{
dropmenu04.filters.revealTrans.apply();
dropmenu04.style.visibility= "visible ";
dropmenu04.filters.revealTrans.play();
}
else
{
hidemenu3();
}
}
}
function hidemenu3()
{

dropmenu04.filters.revealTrans.apply();
dropmenu04.style.visibility= "hidden ";
dropmenu04.filters.revealTrans.play();
}
if(document.all)
{
document.body.onclick=hidemenu3;
}

function Show(divid)
{
divid.filters.revealTrans.apply();
divid.style.visibility = "visible ";
divid.filters.revealTrans.play();
}

function Hide(divid)
{
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden ";
divid.filters.revealTrans.play();
}
</script>
[解决办法]
<td class= "button2 " onmousedown= "this.className= 'button3 ' " onMouseOver= "this.className= 'button1 ' " onMouseOut= "this.className= 'button2 ' " onMouseUp= "this.className= 'button1 ' " onClick= "dropit1(event.cancelBubble=true);return false " align= "middle " valign= "center ">
<A onmouseover=Show(div0) onmouseout=Hide(div0) href= "# "> 网易 </A>
<div id= "div0 " class= "article " style= "LEFT: 146px; WIDTH: 145px; TOP: 32px; HEIGHT: 18px;position:absolute "> 这里是网易,欢迎光临！ </div>
</td>

<td class= "button2 " onmousedown= "this.className= 'button3 ' " onMouseOver= "this.className= 'button1 ' " onMouseOut= "this.className= 'button2 ' " onMouseUp= "this.className= 'button1 ' " onClick= "dropit2(event.cancelBubble=true);return false " align= "middle " valign= "center ">
<A onmouseover=Show(div1) onmouseout=Hide(div1) href= "# "> 搜狐 </A>
<div id= "div1 " class= "article " style= "LEFT: 384px; WIDTH: 145px; TOP: 32px; HEIGHT: 18px;position:absolute "> 这里是搜狐,欢迎光临！ </div>
</td>

<td class= "button2 " onmousedown= "this.className= 'button3 ' " onMouseOver= "this.className= 'button1 ' " onMouseOut= "this.className= 'button2 ' " onMouseUp= "this.className= 'button1 ' " onClick= "dropit3(event.cancelBubble=true);return false " align= "middle " valign= "center ">
<A onmouseover=Show(div2) onmouseout=Hide(div2) href= "# "> 新浪 </A>
<div id= "div2 " class= "article " style= "LEFT: 621px; WIDTH: 145px; TOP: 32px; HEIGHT: 18px;position:absolute "> 这里是新浪,欢迎光临！ </div>
</td>

<td class= "button2 " onmousedown= "this.className= 'button3 ' " onMouseOver= "this.className= 'button1 ' " onMouseOut= "this.className= 'button2 ' " onMouseUp= "this.className= 'button1 ' " onClick= "dropit4(event.cancelBubble=true);return false " align= "middle " valign= "center ">
<A onmouseover=Show(div3) onmouseout=Hide(div3) href= "# "> 雅虎 </A>
<div id= "div3 " class= "article " style= "LEFT: 858px; WIDTH: 145px; TOP: 32px; HEIGHT: 18px;position:absolute "> 这里是雅虎,欢迎光临！ </div>

</td>
</tr>
</table>
<div id= "dropmenu01 " style= "BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 36px; BACKGROUND-COLOR: seashell ">
<script language= "JavaScript1.2 ">
if (document.all)
{
dropmenu01.style.padding= '4px ';
}
for (i=0;i <selection.length;i++)
{
document.write(selection[i]);
}
</script>
</div>

<div id= "dropmenu02 " style= "BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 242px; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 36px; BACKGROUND-COLOR: seashell ">
<script language= "JavaScript ">
if (document.all)
{
dropmenu02.style.padding= '4px ';
}
for (i=0;i <selectionone.length;i++)
{
document.write(selectionone[i]);
}
</script>
</div>

<div id= "dropmenu03 " style= "BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 484px; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 36px; BACKGROUND-COLOR: seashell ">
<script language= "javascript ">
if(document.all)
{
dropmenu03.style.padding= '4px ';
}
for(var i=0;i <selectiontwo.length;i++)
{
document.write(selectiontwo[i]);
}
</script>
</div>

<div id= "dropmenu04 " style= "BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; LEFT: 722px; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; WIDTH: 120px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 36px; BACKGROUND-COLOR: seashell ">
<script language= "javascript ">
if(document.all)
{
dropmenu04.style.padding= "4px ";
}
for(var i=0;i <selectionthree.length;i++)
{
document.write(selectionthree[i]);
}
</script>
</div>

</BODY>
</HTML>
[解决办法]
up
[解决办法]
最好还是用js脚本来实现,然后再在客户端按钮点击时调用

热点排行

asp.net

50分求DIV提示信息。该如何处理