弹出网页特效代码页面特效网页中弹出小窗口,页面背景渐突变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景

渐突变为半透明[最新]

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使回不去天堂是因为体重的原因。别人装处我只好装经验丰富。泡妞就像挂QQ每天哄她2个小时很快就可以太阳了。

<!DO CTYPE,,,,,html,,,,,PUBLIC,,,,,"-

//W3 C//DTD,,,,,XHTML,,,,,1.0,,,,,Transitional//EN",,,,,"http:

//;>

<head>

<ti tl e>网页中弹出小窗口,页面背景逐渐变为半透明-,291911320</ti tle>

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

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

.mesWindowTop{border-bottom:#eee,,,,,1 px,,,,,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}

</s tyle>

<script>va的可见状态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.page};

}return,,,,,{x:ev.c

Top

};

}

//弹出方法function,,,,,showMes sageBox(wTitle,content,pos,wWidth)

{closeWindow();var,,,,,bWidth=parseInt(document.documentElement.scrollWidth);var,,,,,bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){

setSelectState('hidden');}va;b ac k.i d="b ac k";var,,,,,styleS tr="top:0px;le ft:0px;po sition:abs olute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";s tyleS tr+=(i sI e)?"filter:alpha(opacity=0);":"opacity:0;";b ac k.s tyl e.c s s Te xt=style S tr;document.body.appendChild(back);showB ackground(back,50);va;mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div,,,,,clas s='mesWindowTop'><table,,,,,width='100%',,,,,height='100%'><tr><td>"+wTitle+"</td><td,,,,,s tyle='width:1 px;'><input,,,,,type='button关闭窗口

关闭

',,,,,/></td></tr></table></div><div,,,,,class='mesWindowContent',,,,,id='mesWindowContent'>"+content+"</div><div,,,,,clas s='mesWindowBottom'></div>";s tyleS tr="le ft:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px;position:absolute;width:"+wWidth+"px;";mesW.style.cs sText=styleStr;document.body.appendChild(mesW);

}

//让背景渐渐变暗

function,,,,,showB ackground(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 .s tyl e.op acity=al;if(al<(endInt/100))

{s etTimeout(function(){showB ackground(obj,endInt)},5);}

}

}

//关闭窗口function,,,,,closeWindow()

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

{document.getElementById('back').parentNode.removeChild(document.getElementById('b ac k'));

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

{document.getElementById('me sWindow').parentNode.removeChild(document.getElementById('mesWindow'));

}if(isIe){setSelectState('');}

}

//测试弹出function,,,,,testMessageBox(ev)

{va;messContent=

'>消息正文</div>";showMessageBox();

}

</script>

</head>

<b o dy>

<div,,,,,s tyle="padding:20px">

<dix(event);">弹出窗口</a></div>

<div,,,,,style="text-align:left;padding-left:20px;padding-top:10px";><select,,,,

,ID="S elect1",,,,,NAME="S elect1"><option>下拉</option></s elect>弹出窗口时会将其

隐藏关闭时会让其显示 目的是在IE中防止弹出的DIV挡不住下拉框</di v>

<di

Box(event);">弹出窗口</a></div>

<diox(event);">弹出窗口</a></div>

</div>

</b o dy>

</html>