問題
如何 使用Javascript產生動態遮罩
解決方法
<script language="javascript">
var docEle = function() {
return document.getElementById(arguments[0]) || false;
}
function showMask() {
createMask();
}
function hideMask() {
var m = "autoMask";
if (docEle(m)) document.removeChild(docEle(m));
}
function createMask() {
var m = "autoMask";
if (docEle(m)) document.removeChild(docEle(m));
var newDiv = document.createElement("div");
newDiv.id = 'autoMask';
newDiv.style.cssText="zoom: 1;filter: alpha(opacity=50);opacity: 0.5;width: 100%;background-color: Gray;height: 100%;position: absolute;left: 0;top: 0;z-index: 9999999;text-align: center;margin-top: 0px;";
newDiv.innerHTML="<table width='100%'><tr><td style='height: 300px;text-align: center;'><h2>L O A D I N G . . . . . .</h2></td></tr></table>";
document.body.appendChild(newDiv);
}
</script>
<body> <a href="#" onclick="showMask();">showMask</a> </body>
沒有留言:
張貼留言