AJAX实现鼠标悬浮获取值
来源:互联网 发布:剑三妖娆御姐捏脸数据 编辑:程序博客网 时间:2024/06/03 23:19
ajax实现将鼠标放到图标上,下方会显示和该图有关的信息
客户端代码mouseover.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标悬浮测试</title>
</head>
<script type="text/javascript" language="javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sendRequest(t){
var id = t.id
createXMLHttpRequest();
var url = "mouseover_check.php?page=" +t.id ;
xmlHttp.onreadystatechange = callback;
xmlHttp.open('GET',url,true);
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
document.getElementById("show").innerHTML = xmlHttp.responseText;
}
}
}
</script>
<body>
<p>
<input type="text" value="here" id="1" onmouseover="sendRequest(this)" />
</p>
<p><br/>
<input type="text" value="haha" id="2" onmouseover="sendRequest(this)" />
</div>
</p>
<p></p>
<span id="show"></span>
</body>
</html>
服务器端代码:
mouseover_check.php
<?php
header("Content-type:text/html;charset=gb2312");
header("cache-control:no-cache,must-revalidate");
$name = $_GET['page'];
if($name == '1'){
echo "111";
}
else{
echo "222";
}
?>
- AJAX实现鼠标悬浮获取值
- Selenium 实现鼠标悬浮
- 获取scrollTop实现滚动鼠标后悬浮导航
- 如何实现鼠标悬浮放大
- Ext实现鼠标悬浮提示
- js鼠标悬浮实现菜单栏
- jquery悬浮框,获取鼠标坐标
- 如何实现鼠标悬浮上去后放大
- 图片鼠标悬浮预览 jquery 实现
- js实现悬浮层跟着鼠标走
- 鼠标悬浮上去 实现光晕效果
- 鼠标悬浮 实现隐藏div 提示
- 实现 QMl MouseArea鼠标悬浮效果
- jquery实现 鼠标悬浮 显示图片
- 鼠标悬浮
- Gridview的数据列中实现鼠标悬浮变色
- 使用jQuery实现鼠标悬浮图片轮换效果
- 一个悬浮的DIV,实现鼠标拖动等功能
- Google Protocol Buffers(转载)
- 获取SQL Server服务器列表的几种方法
- 开发时谨防堆栈溢出
- 第三版更改应用程序图标
- 重新找到MySQL数据库的root密码
- AJAX实现鼠标悬浮获取值
- xmlhttp判断文件是否存在
- 中国人唯一不认可的成功
- 局域网实战分析 —— ARP风暴
- 实现MSN,QQ消息提示效果[ASP.Net]
- asp.net 用ajax无刷新 查询手机号码归属地和号码类型
- ninni
- Linux下的后门和日志工具
- birt学习日记1