我想做一个和同济大学校友会（http://www.tongjiren.org/）左下方各地校友会中类似的效果。就是说
比如你点击 北京 ，他就给你出来一个小的窗口效果，里面显示北京校友会成员名单（如果不明白我意思可以上网站试一下）。而这个小的窗口一样的东西下面一层是半透明黑色，再下面才是刚才点击之前的网页。我现在只知道要在首页上加上以下东西。
那么我还需要做什么网页，我的校友会成员信息在哪里编辑呢？
<td width="20%">•<a href="#" onclick="showinfo('北京');">北京</a></td>
和
<script language="javascript" Charset="gb2312">
function showinfo(keyword){
//alert(keyword);
showOverlay();
document.getElementById("infobox").style.display = "inline";
ajax("user_aa_show.asp?state="+keyword);
}
function closewindow(){
document.getElementById("overlay").style.display = "none";
document.getElementById("infobox").style.display = "none";
}
function ajax(url){
//alert(url);
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==3){
document.getElementById("infobox").innerHTML = "<table
bgcolor='#ffffff'><tr><td align='center'>正在读取数据中...</td></tr></table>";
}else if(xmlHttp.readyState==4){
document.getElementById("infobox").innerHTML =
xmlHttp.responseText;
//document.getElementById("showbox").innerHTML = "ceshi";
//alert(xmlHttp.responseText);
}
}
xmlHttp.send();
}
/////////////////////////////////////////////////
var isdown = false ;
var beginx,beginy
function down() {
isdown = true;
}
function move(){
if (isdown){
//alert(document.getElementById("infobox").style.left);
var endx = event.clientX;
var endy = event.clientY;
document.getElementById("infobox").style.left = parseInt(
document.getElementById("infobox").style.left ) + endx-beginx;
document.getElementById("infobox").style.top = parseInt(
document.getElementById("infobox").style.top ) + endy-beginy;
}
//document.getElementById("Layer1").innerHTML = "endx =
"+endx+"<br>endy="+endy+"<br>beginx = "+beginx+"<br>beginy = "+beginy+"<br>infoboxLeft =
"+document.getElementById("infobox").style.left+"<br>infoboxTop =
"+document.getElementById("infobox").style.top;
beginx = event.clientX;
beginy = event.clientY;
}
function up(){
isdown = false;
}
function over(){
//alert("zhixng");
document.getElementById("infobox").className = 'dragDiv';
}
function out(){
//alert("zhixng");
document.getElementById("infobox").className = 'outDiv';
}
//document.body.onmousemove = move
//document.body.onmouseup = up
</script>
