ホームページ > バックエンド開発 > PHPチュートリアル > 専門家に問題の解決を依頼してください。

専門家に問題の解決を依頼してください。

WBOY
リリース: 2016-06-23 13:52:09
オリジナル
950 人が閲覧しました

このコードはポップアップ ボックスですが、ポップアップ後はページの上下左右の中央に配置されます。このポップアップ ボックスを配置するにはどうすればよいですか?たとえば、上から 100 ピクセルです。

function ShowIframe(title,url,w,h)
{
var Pop=new Popup({ contentType:1,scrollType:'no',isReloadOnClose:false,width:w,height:h});
ポップ。 setContent("contentUrl",url);

Pop.show();


画像をアップロード




ディスカッションに返信(解決策)

ポップアップとは何ですか? 何かの JS プラグインのようですか?

もしそうなら、Baidu にはその使用方法に関するドキュメントがあるはずです


ポップアップは何ですか? ある種の JS プラグインのように見えますか?

もしそうなら、Baidu に使用方法のドキュメントがあるはずです


検索しましたが、解決策が見つかりませんでした

Popup の定義を投稿してください

///******************* popup.js********************/
///ie5、ie6、ie7、firefox3.0 の互換性の問題を修正
///***********************************************/
if(!Array.prototype.push){Array.prototype.push=function(){var startLength=this.length;for(var j=0;j';var cB='filter: alpha(opacity='+this.info.coverOpacity+');opacity:'+this.info.coverOpacity/100+';';var cover='

接上楼

style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:'+baseZIndex+';'+cB+'background-color:'+this.color.cColor+';display:none;">

';var mainBox=''+'';if(!this.config.isBackgroundCanClick){G('dialogCase').innerHTML=cover+mainBox;this.setBackgroundSize();window.onresize=this.setBackgroundSize;}else{G('dialogCase').innerHTML=mainBox;}Event.observe(G('dialogBoxClose'),"click",this.reset.bindAsEventListener(this),false);if(this.config.isSupportDraging){dropClass=new Dragdrop(this.config.width,this.config.height,this.info.shadowWidth,this.config.isSupportDraging,this.config.contentType);G("dialogBoxTitle").style.cursor="move"};this.lastBuild()},setBackgroundSize:function(){var getValueWidth;var getMaxValueWidth=[getValue("clientWidth"),getValue("scrollWidth")];getValueWidth=eval("Math.max("+getMaxValueWidth.toString()+")");G('dialogBoxBG').style.width=getValueWidth;var getValueHeight;var getMaxValueHeight=[getValue("clientHeight"),getValue("scrollHeight")];getValueHeight=eval("Math.max("+getMaxValueHeight.toString()+")");G('dialogBoxBG').style.height=getValueHeight;},lastBuild:function(){var confirm='
'+this.info.confirmCon+'
';var alert='
'+this.info.alertCon+'
';var" basezindex="10001+this.info.overlay*10;var" coverifzindex="baseZIndex+4;if(this.config.contentType==1){var" openiframe="" coveriframe="
" .innerhtml="openIframe+coverIframe;}else" click this.info.callback info.parameter oshadow="G('dialogBoxShadow');var" odialog="G('dialogBox');oShadow['style']['position']="absolute";oShadow[" left offsetheight sclientwidth='getValue("clientWidth");var' sclientheight='getValue("clientHeight");var' sscrolltop='getValue("scrollTop");var' sleft="(sClientWidth/2)-(oDialog.offsetWidth/2);var" itop="(sClientHeight/2+sScrollTop)-(oDialog.offsetHeight/2);var" stop="iTop">0? iTop:(sClientHeight/2+sScrollTop)-(oDialog.offsetHeight/2);if(sTop

接上楼

parseInt(this.oObj .style.top)+25)iTop=iTop+12;this.oObj.style.left=iLeft+"px";this.oObj.style.top=iTop+"px";;if(this.showShadow){G( 'dialogBoxShadow').style.left=iLeft+this.shadowWidth+"px";G('dialogBoxShadow').style.top=iTop+this.shadowWidth+"px";};this.dragData={x:Event.pointerX (イベント),y:Event.pointerY(イベント)};document.body.style.cursor="移動";},mouseup:function(event){if(!this.IsDraging)return;if(this.contentType= =1)G("iframeBG").style.display="none";document.onmousemove=null;document.onmouseup=null;var mousX=Event.pointerX(event)-(document.documentElement.scrollLeft||ドキュメント。 body.scrollLeft);var mousY=Event.pointerY(event)-(document.documentElement.scrollTop||document.body.scrollTop);var oObjBottom;var oObjRight;if(this.showShadow){oObjBottom=parseInt(this.oObj .style.top)+this.height+this.shadowWidth;oObjRight=parseInt(this.oObj.style.left)+this.width+this.shadowWidth;}else{oObjBottom=parseInt(this.oObj.style.top) +this.height;oObjRight=parseInt(this.oObj.style.left)+this.width;};if(mousX<1||mousY<1||mousX>document.body.clientWidth||mousY>document.body .clientHeight||parseInt(this.oObj.style.left)<0||parseInt(this.oObj.style.top)<0||oObjRight>document.body.clientWidth||oObjBottom>document.body.clientHeight ){this.oObj.style.left=this.backData["x"];this.oObj.style.top=this.backData["y"];if(this.showShadow){G('dialogBoxShadow')。 style.left=this.backData.x+this.shadowWidth;G('dialogBoxShadow').style.top=this.backData.y+this.shadowWidth;};};this.IsDraging=false;document.body.style .cursor="";Event.stopObserving(document,"selectstart",this.returnFalse,false);},returnFalse:function(){return false;}};function openshow(url,title,w,h,stype) {g_pop=new Popup({contentType:stype,isReloadOnClose:false,width:w,height:h});g_pop.setContent("title",title);g_pop.setContent("contentUrl",url);g_pop.build ();g_pop.show();}関数 g_close_pop_re(){g_pop.close();location.reload();}関数 コメント(url,w,h){g_pop=new Popup({contentType:1,isReloadOnClose: false,width:w,height:h});g_pop.setContent("title","登陆");g_pop.setContent("scrollType","no");g_pop.setContent("contentUrl",url);g_pop .build();g_pop.show();}function g_close_pop(){g_pop.close();g_pop=null;}function ShowAlert(title,content,w,h){var pop=new Popup({contentType:4 ,isReloadOnClose:false,width:w,height:h});pop.setContent("title",title);pop.setContent("alertCon",content);pop.build();pop.show();} function Wclose(){g_pop.close();g_pop=null;}

直接使用する Chrome などのブラウザの公開者ツールでポップアップ生成の HTML を確認し、その後、対応する CSS 形式を直接指定して実行します。 Chrome などのブラウザの公開者ツールは、ポップアップで生成された HTML を表示し、その後、対応する CSS スタイルを直接指定します。

那么多ポップアップ アイテム、文なし不明道换一插件么?

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート