求下面js弹窗的原理，js高手帮个忙。

<html>
<head>
<title>牛比弹窗</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<script language="javascript">
function unionGetCookie(B){
  var A=new RegExp(B+"=([^;]+)"),_=A.exec(document.cookie),$="";
  if(_!=null){
    try{
      $=decodeURI(_[1]);
    }
    catch(C){
    }
  }
  return $;
}
var is_unionli_poped=unionGetCookie('unionlipop');
if(!is_unionli_poped){
    var unionli_pidx=unionGetCookie('unionli_lc');
    if(!unionli_pidx) unionli_pidx=1;
    var host = "www.xamq.com";
   
    function setUnionCookie(sName, sValue, oExpires, sPath) {document.cookie=sName+"="+escape(sValue)+";expires="+oExpires.toUTCString()+";path="+sPath;} function updateunionli(){var exp2=new Date();exp2.setTime(exp2.getTime()+24*60*60*1000);setUnionCookie("unionli_lc",4+1,exp2,'/');var poped_statist= new Image(); poped_statist.src="http://www.xamq.com/_pd.gif";} var anmeiqi_url='http://www.xamq.com/';
(function(){var aa_url=window.anmeiqi_url;var _has2ap=0;var ua=navigator.userAgent;var browser={ie:/msie/i.test(ua),ie6:/msie 6/i.test(ua),ie7:/msie 7/i.test(ua),ie8:/msie 8/i.test(ua),ie9:/msie 9/i.test(ua),360:/360se/i.test(ua),sogou:/;?se.+?MetaSr/i.test(ua),maxthon:/Maxthon/i.test(ua),tt:/TencentTraveler/i.test(ua),ff:/firefox/i.test(ua),webkit:/AppleWebKit/i.test(ua),opera:/Opera/i.test(ua),qqbrowser:/QQBrowser/i.test(ua),theworld:/Theworld/i.test(ua)};function event(e,event,func,act){if(browser.ie)e[act===undefined?'attachEvent':'detachEvent']('on'+event,func);else e[act===undefined?'addEventListener':'removeEventListener'](event,func,false)}function pop(url,param){if(!document.body){return setTimeout(function(){pop(url,param)},13)}try{if(browser['webkit']&&browser['maxthon']){if(!func(url)){a_pop(url)}}else if(browser['tt']){try{object_pop(url)}catch(e){a_pop(url)}}else if(browser['sogou']){if(!func(url)){a_pop(url)}}else if(browser['webkit']&&browser['qqbrowser']){if(!func(url)){click_pop(url)}}else if(browser['webkit']||browser['opera']){a_pop(url)}else if(browser['theworld']&&browser.ie6){if(!object_pop2(url)){a_pop(url)}}else if(browser['theworld']&&browser.ie8){if(!func(url)){try{object_pop(url)}catch(e){click_pop(url)}}}else if(browser.ie6){if(!func(url)){object_pop2(url)}}else if(browser.ie8){if(!func(url)){document.onclick=function(){func(url);document.onclick=null}}}else if(browser['ie']){try{object_pop(url)}catch(e){click_pop(url)}}else if(browser['ff']){if(!func(url)){click_pop(url)}}else{if(!func(url)){click_pop(url)}}_has2ap=1;updateunionli()}catch(e){if(browser.ie7||browser.ie8||browser.ie9||browser['qqbrowser']){click_pop(url)}else{a_pop(url)}_has2ap=1;updateunionli()}}function object_pop(url,param){var object=document.createElement('object');object.setAttribute('classid','CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6');object.style.cssText='position:absolute;left:1px;top:1px;width:1px;height:1px;';append(object);object.launchURL(url)}function object_pop2(url,param){var object2=document.createElement('object');object2.setAttribute('classid','clsid:2D360201-FFF5-11d1-8D03-00A0C959BC0A');object2.style.cssText='position:absolute;left:1px;top:1px;width:1px;height:1px;';append(object2);for(var i in object2){try{(function(o){})(object2[i])}catch(e){}}setTimeout(function(){object2.DOM.Script.open(url,'_blank','')},500)}function append(e){for(var t in{body:1}){var ele=document.getElementsByTagName(t);for(var i=0;i<ele.length;i++){ele[i].insertBefore(e,ele[i].firstChild);return}}}function click_pop(url,param){event(document,'mouseup',function(e){e=e||window.event;e.canceBubble=true;event(document,'mouseup',arguments.callee,true);func(url,param)})}function a_pop(url){var a=document.createElement('a');a.href=url;a.target='_blank';var div=document.createElement('div');div.style.backgroundColor='#ffffff';a.style.filter='alpha(opacity=0)';a.style.opacity='0';a.appendChild(div);append(a);a.style.display='block';a.style.cursor='default';a.style.position='absolute';a.style.left='0px';a.style.top='0px';a.style.zIndex=999999;var i=setInterval(function(){var d=document.documentElement||document.body;a.style.top=Math.max(document.documentElement.scrollTop,document.body.scrollTop)+'px';div.style.width=Math.min(d.clientWidth,d.scrollWidth)+'px';div.style.height=d.clientHeight+'px'},200);a.onclick=function(e){setTimeout(function(){a.parentNode.removeChild(a)},200);clearInterval(i)};a.onmouseup=function(e){e=e||window.event;e.canceBubble=true}}function func(url,param){var f=window[String.fromCharCode(111,112,101,110)];var w=f(url,'_blank','left=0,top=0,toolbar=yes,location=yes,'+'status=yes,menubar=yes,scrollbars=yes,'+'resizable=yes,width='+screen.width+',height='+screen.height);return w}setTimeout(function(){pop(aa_url,{a:1,b:2})},300);event(window,'beforeunload',function(){})})();
}</script>
</body>
</html>

解决方案 »

  1.   

    就是一个浮动框，浮动框绝对定位，用样式控制页面和弹出框的远近(z-index)
      

  2.   

    http://jqueryui.com/demos/dialog/
    去看看这个插件，有源码，不是你这种压缩的，应该多少会有一些帮助，其实就是一个绝对定位的DIV，再加一个iframe的遮罩
      

  3.   

    http://jqueryui.com/demos/dialog/插入超链接，你直接点击吧
      

  4.   

    弹出窗口的关健是div还是iframe啊？
      

  5.   

    经测试是这里CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6这里弹出来的。