ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript は DIV を使用してポップアップのウィンドウをシミュレートします_フォームのスクロール_次の_JavaScript スキル

JavaScript は DIV を使用してポップアップのウィンドウをシミュレートします_フォームのスクロール_次の_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 19:01:291202ブラウズ


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
] <script> function getPosition() { var top = document.documentElement.scrollTop; var left = document.documentElement.scrollLeft; var height = document.documentElement.clientHeight; var width = document.documentElement.clientWidth; return {top:top,left:left,height:height,width:width}; } function showPop(){ var width = 300; //弹出框的宽度 var height = 160; //弹出框的高度 var obj = document.getElementById("pop"); obj.style.display = "block"; obj.style.position = "absolute"; obj.style.zindex = "999"; obj.style.width = width + "px"; obj.style.height = height + "px"; var Position = getPosition(); leftadd = (Position.width-width)/2; topadd = (Position.height-height)/2; obj.style.top = (Position.top + topadd) + "px"; obj.style.left = (Position.left + leftadd) + "px"; window.onscroll = function (){ var Position = getPosition(); obj.style.top = (Position.top + topadd) +"px"; obj.style.left = (Position.left + leftadd) +"px"; }; } function hidePop(){ document.getElementById("pop").style.display = "none"; } </script>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。