Ajax+jQuery实现LightBox与服务器通信

核心提示： 关于遮盖层的高和宽的设置cloudgamer已经有很详细的讲述了，我也是参考他的做法，Ajax+jQuery实现LightBox与服务器通信(3)，这里就不多讲了，有兴趣大家可以直接去看：http://www.cnblogs.com/cloudgamer/archive/2008/09/

关于遮盖层的高和宽的设置cloudgamer已经有很详细的讲述了。我也是参考他的做法。这里就不多讲了。有兴趣大家可以直接去看：http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html

再是discover（）；故名思议，这个函数的功能刚好和上一个相反，所以只需要把两个层设成影藏并重新显示刚才影藏的select就可以了。

1　　　 function discover()
2　　　 {
3　　　　　　　 $("select").each(function(){this.style.visibility="visible";})
4　　　　　　　 $("#coverLayer").fadeOut("normal",function(){$("#coverLayer").css("display","none");})
5　　　　　　　 $("#lightBox").fadeOut("normal",function(){$("#lightBox").css("display","none");})
6　　　 }
7
8

到这里LightBox效果就基本实现了。接下来要做的是用Ajax让LightBox和服务端通信。首先创建XMLHttpRequest对象：

　1var xmlHttp;
　2
　3function CreateXMLHttpRequest()
　4{
　5　　　 if (window.ActiveXObject)
　6　　　 {
　7　　　　　　　 xmlHttp=new ActivXObjct("Microsoft.XMLHTTP");
　8　　　 }
　9　　　 else
10　　　　　　　 if (window.XMLHttpRequest)
11　　　　　　　 {
12　　　　　　　　　　　 xmlHttp=new XMLHttpRequest();
13　　　　　　　 }
14　　　　　　　
15}
16