5-15.html

来自「《深入浅出Ajax》 源代码」· HTML 代码 · 共 40 行

HTML
40 行
字号 
<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>

5-15.html - 源码说明

本页面展示了「《深入浅出Ajax》 源代码」中的 5-15.html 源码文件，采用 HTML 编程语言编写，共 40 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与Ajax相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?