我是靠谱客的博主 鳗鱼咖啡,最近开发中收集的这篇文章主要介绍AJAX简单应用实例-弹出层,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

function createobj() {
 if (window.ActiveXObject) {
         return(new ActiveXObject("Microsoft.XMLHTTP"));
     }
     else if (window.XMLHttpRequest) {
         return(new XMLHttpRequest());
     }
}


function personalInfo() {
  var oBao=createobj();
  var cont=document.getElementById("person_detial");
  var cont_a=document.getElementById("person_content");
  cont.style.display='block';
  cont.style.cursor='pointer';
  cont_a.innerHTML="请等待,加载中..."; 
  var my_url="getinfo.asp?"+Math.random();
  oBao.open("get",my_url,true); 
  oBao.onreadystatechange=function(){
  if(oBao.readyState==4){
   if(oBao.status==200){ 
     cont_a.innerHTML=oBao.responseText;
     }else{
     cont_a.innerHTML="出现错误,错误代码为:"+oBao.status;
    }  
  }
  }
  oBao.send(); 
 }



function Drag(id)
{
var self=this;
this.obj=(typeof(id)=="string")?document.getElementById(id):id;
this.obj.onmousedown=function(e)
{
e=e||window.event;
var obj=self.obj;//指向自己
if(e.layerX){obj.position={x:e.layerX,y:e.layerY};}
else{obj.position={x:e.offsetX,y:e.offsetY};}
document.onmousemove=self.start;
document.onmouseup=self.end;


}
this.start=function(e)
{
e=e||event;
document.onselectstart = function(){ return false; };
window.getSelection && window.getSelection().removeAllRanges();
var obj=self.obj;
obj.style.left=e.clientX-obj.position.x+"px";
obj.style.top=e.clientY-obj.position.y+"px";
}
this.end=function(e)
{
e=e||event; 
document.onmousemove = document.onmouseup = document.onselectstart = null;     
}
}
AJAX简单应用实例-弹出层.rar

最后

以上就是鳗鱼咖啡为你收集整理的AJAX简单应用实例-弹出层的全部内容,希望文章能够帮你解决AJAX简单应用实例-弹出层所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(89)

评论列表共有 0 条评论

立即
投稿
返回
顶部