t.button != 1)
{
return;
}
offsetX = document.body.scrollLeft + event.clientX-findPanel.style.pixelLeft;
offsetY = document.body.scrollTop + event.clientY-findPanel.style.pixelTop;
draging = true;
}
//拖拽中
function OnDrag()
{
if(!draging)
{
return;
}
//更新位置
findPanel_orgnX = event.clientX-offsetX;
findPanel_orgnY = event.clientY-offsetY;
event.returnValue = false;
findPanel.style.pixelLeft = document.body.scrollLeft + event.clientX-offsetX;
findPanel.style.pixelTop = document.body.scrollTop + event.clientY-offsetY;
}
//结束拖拽
function EndDrag()
{
if (event.button != 1)
{
return;
}
draging = false;
}
findPanelTitle.onmousedown = BeforeDrag;
document.onmousemove = OnDrag;
findPanelTitle.onmouseup = EndDrag;
//-->
</script>
<xml id="stu" src="stu.xml">
</xml>
<center>
<div id="info" style="visibility:hidden">
<table DATASRC=#stu border=1 style="background-color:#a9eeef; Border-color
:red;" >
<caption><h2>学生信息管理</h2></caption>
<thead>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>籍贯</th>
</thead>
<tr>
<td>
<div DATAFLD="学号">
</td>
<td>
<div DATAFLD="姓名">
</td>
<td>
<div DATAFLD="性别">
</td>
<td>
<div DATAFLD="籍贯">
</td>
</tr>
</table>
</div>
</center>
</body>
</html>
xml文件如下(stu.xml)
复制代码 代码如下:
<?xml version="1.0" encoding="gb2312"?>
<学生管理>
<学生>
<学号>97001</学号>
<姓名>王五</姓名>
<性别>男 </性别>
<籍贯>上海</籍贯>
</学生>
<学生>
<学号>97002</学号>
<姓名>李四 </姓名>
<性别>男 </性别>
<籍贯>浙江 </籍贯>
</学生>
<学生>
<学号>97006 </学号>
<姓名>张三 </姓名>
<性别>男</性别>
<籍贯>浙江</籍贯>
</学生>
</学生管理>
