📄 5-15.html

📁 《深入浅出Ajax》源代码

💻 HTML

字号:

<HTML>
<HEAD>
<TITLE> AJAX深入浅出--代码5-15</TITLE>
</HEAD>
<script language="javascript" src="../js/AjaxRecordSet.js"></script>
<BODY title="这是body的ToolTip第一行&#13;&#10;这是Body的ToolTip第二行">
移动空白的地方可以看到body的ToolTip
<br>
<INPUT TYPE="text" value="移到儿可以看到text的ToolTip" style="width:300" title="这是text的ToolTip">
<br>
<INPUT TYPE="button" value="移到这儿可以看到button的ToolTip" title="这是button的title">
<br>
移到表格的边框上可以看到table的ToolTip
<br>
<TABLE border="2" title="这是table的title">
<TR title="这是tr的title">
	<TD>移到这一行上可以看到TR的ToolTip</TD>
	<TD title="" onmouseover="getToolTip(this);">移到这个单元格上可以看到动态获取的ToolTip内容</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<script language="javascript">
//动态获得toolTip内容
function getToolTip(handle) {
	//如果还没有获取过,则需要获取
	if(handle.title=="") {
		var myArs = new AjaxRecordSet();
		myArs.setUrl("../data/toolTip.xml");
		myArs.open();
		var titleContent="";
		for(var i=0;i<myArs.getCount();i++) {
			titleContent+=myArs.getFieldAt(1);
			if(i!=(myArs.getCount()-1)) titleContent+="\n";
			myArs.next();
		}
		handle.title=titleContent;
	}
}
</script>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -