div_显示隐藏简单例子2(displayDiv.js)
2008-09-20 12:32
651 查看
function displayDiv()
{
var divColl = document.getElementById("sponsorAdDiv");
var divColl = document.all.tags("div");
for (i=0; i<divColl.length; i++) {
var whichEl = divColl(i);
if (whichEl.id == "sponsorAdDiv") whichEl.style.display = "block";
}
}
function hideDiv()
{
var divColl = document.all.tags("div");
for (i=0; i<divColl.length; i++) {
var whichEl = divColl(i);
if (whichEl.id == "sponsorAdDiv") whichEl.style.display = "none";
}
}
引用页面示例:
<%
String strDiv = "<div id='sponsorAdDiv' style='left: 230px; top: 120px;position:relative;'>";
strDiv = strDiv + "<table width='300' height='50' bgcolor='#0099cc' border=0 cellspacing=1>";
strDiv = strDiv + "<tr><td><table width='100%' height='100%' border=0 cellspacing=0>";
strDiv = strDiv + "<tr bgcolor='#d2e9fe'><td> ";
strDiv = strDiv + "系统正在进行操作,可能需要几秒钟<br> ";
strDiv = strDiv + "请您稍候......</td></tr></table></td></tr></table></div>";
out.print(strDiv);
out.print("<script type='text/javascript'>hideDiv();</script>");
%>
{
var divColl = document.getElementById("sponsorAdDiv");
var divColl = document.all.tags("div");
for (i=0; i<divColl.length; i++) {
var whichEl = divColl(i);
if (whichEl.id == "sponsorAdDiv") whichEl.style.display = "block";
}
}
function hideDiv()
{
var divColl = document.all.tags("div");
for (i=0; i<divColl.length; i++) {
var whichEl = divColl(i);
if (whichEl.id == "sponsorAdDiv") whichEl.style.display = "none";
}
}
引用页面示例:
<%
String strDiv = "<div id='sponsorAdDiv' style='left: 230px; top: 120px;position:relative;'>";
strDiv = strDiv + "<table width='300' height='50' bgcolor='#0099cc' border=0 cellspacing=1>";
strDiv = strDiv + "<tr><td><table width='100%' height='100%' border=0 cellspacing=0>";
strDiv = strDiv + "<tr bgcolor='#d2e9fe'><td> ";
strDiv = strDiv + "系统正在进行操作,可能需要几秒钟<br> ";
strDiv = strDiv + "请您稍候......</td></tr></table></td></tr></table></div>";
out.print(strDiv);
out.print("<script type='text/javascript'>hideDiv();</script>");
%>
相关文章推荐
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- js简单显示和隐藏div,触发超链接,动态更改button值,setInterval()简单使用,jquery easyui弹出框简单使用
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- div_显示隐藏简单例子1
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
- 简单js控制div的显示与隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏【转藏】
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- [HTML]显示/隐藏DIV的技巧(visibility与display的差别)
- 隐藏和显示div的两种方法(display和visibility)