诸如GOOGLE中那种有阴影的提示框问题
2007-03-08 15:38
225 查看
<html>
<head>
<title>Tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<script language="javascript">
<!--
function MouseoverIcon()
{
OpenPop();
}
// 弹出气泡窗口
function OpenPop(Text)
{
PopHead.style.left = event.x;
PopHead.style.top = event.y;
PopHead.style.display = "block";
PopWindowText.innerHTML = Text;
PopWindow.style.left = event.x;
PopWindow.style.top = event.y+23;
PopWindow.style.display = "block";
}
// 关闭气泡窗口
function ClosePop()
{
PopWindow.style.display='none';
PopHead.style.display='none';
PopHead.style.left = 2000;
PopHead.style.top = 2000;
PopWindow.style.left = 2000;
PopWindow.style.top = 2000;
}
-->
</script>
</head>
<body bgcolor=red>
<div style="position: absolute; z-index: 1000; left: 200px; top: 600px">
<img border="0" onclick="javascript:MouseoverIcon();return false;" src="Images/marker.gif" style="cursor: hand"></div>
<div id="PopWindow" style="Z-INDEX: 900; POSITION: absolute; display:none"><table border="0" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="2"><img border="0" src="Images/lt.Gif" width="26" height="26"></td>
<td background="Images/mt.Gif" width="51" height="2">
</td>
<td height="2"><img border="0" src="Images/rt.Gif" width="26" height="26" onclick="Javascript:ClosePop();return false;" style="cursor: hand"></td>
</tr>
<tr>
<td background="Images/lm.Gif" height="62" width="1"></td>
<td id="PopWindowText" bgcolor="#ffffff" height="62" width="51"></td>
<td background="Images/rm.Gif" height="62"></td>
</tr>
<tr>
<td width="1"><img border="0" src="Images/lb.Gif" width="26" height="26" id="IMG1"></td>
<td background="Images/mb.Gif" width="51">
</td>
<td><img border="0" src="Images/rb.Gif" width="26" height="26"></td>
</tr>
</table>
</div>
<img id="PopHead" border="0" src="Images/Head.Gif" width="88" height="24" style="Z-INDEX: 901; POSITION: absolute; display:none" >
</body>
</html>
大家都知道,像google和百度一样里面都有个很炫的气泡提示框.我也想做一个,这个只是一部分的程序.
希望知道多一点的朋友帮帮我,也可以互相探讨一下啊.如何才能真正的做到像google和百度一样炫呢?
<head>
<title>Tests</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<script language="javascript">
<!--
function MouseoverIcon()
{
OpenPop();
}
// 弹出气泡窗口
function OpenPop(Text)
{
PopHead.style.left = event.x;
PopHead.style.top = event.y;
PopHead.style.display = "block";
PopWindowText.innerHTML = Text;
PopWindow.style.left = event.x;
PopWindow.style.top = event.y+23;
PopWindow.style.display = "block";
}
// 关闭气泡窗口
function ClosePop()
{
PopWindow.style.display='none';
PopHead.style.display='none';
PopHead.style.left = 2000;
PopHead.style.top = 2000;
PopWindow.style.left = 2000;
PopWindow.style.top = 2000;
}
-->
</script>
</head>
<body bgcolor=red>
<div style="position: absolute; z-index: 1000; left: 200px; top: 600px">
<img border="0" onclick="javascript:MouseoverIcon();return false;" src="Images/marker.gif" style="cursor: hand"></div>
<div id="PopWindow" style="Z-INDEX: 900; POSITION: absolute; display:none"><table border="0" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="2"><img border="0" src="Images/lt.Gif" width="26" height="26"></td>
<td background="Images/mt.Gif" width="51" height="2">
</td>
<td height="2"><img border="0" src="Images/rt.Gif" width="26" height="26" onclick="Javascript:ClosePop();return false;" style="cursor: hand"></td>
</tr>
<tr>
<td background="Images/lm.Gif" height="62" width="1"></td>
<td id="PopWindowText" bgcolor="#ffffff" height="62" width="51"></td>
<td background="Images/rm.Gif" height="62"></td>
</tr>
<tr>
<td width="1"><img border="0" src="Images/lb.Gif" width="26" height="26" id="IMG1"></td>
<td background="Images/mb.Gif" width="51">
</td>
<td><img border="0" src="Images/rb.Gif" width="26" height="26"></td>
</tr>
</table>
</div>
<img id="PopHead" border="0" src="Images/Head.Gif" width="88" height="24" style="Z-INDEX: 901; POSITION: absolute; display:none" >
</body>
</html>
大家都知道,像google和百度一样里面都有个很炫的气泡提示框.我也想做一个,这个只是一部分的程序.
希望知道多一点的朋友帮帮我,也可以互相探讨一下啊.如何才能真正的做到像google和百度一样炫呢?
相关文章推荐
- Google-解决在调试页面或者js时总是提示烦恼的断点问题
- 解决google地球 google地球无法连接验证服务器或者提示需要安装google插件 的问题
- 下载Android源代码时提示Connection to https://dl-ssl.google.com refused问题解决
- 实现google那种输入框提示的功能
- Android之emulator: ERROR及logcat不能提示问题
- 三、解决Springboot集成ActivitiModel提示输入密码的问题
- 解决android studio 代码不提示,错误不提示的问题
- 关于weblogic12c调用oracle9i提示错误的问题
- 关于Google域名的自动转向问题
- eclipse代码不能自动提示的问题解决
- 解决Sublime Text 3编写CSS输入分号时自动提示的问题
- 关于用VS2008制作的安装部署文件,安装时提示“要求安装.net Framework 3.5版本的组件”的问题
- 创建唯一索引的时候遇到问题,提示“唯一索引的分区依据列必须是索引键的子集”
- 手写一个关于title属性自定义提示框解决浏览器(IE)不兼容问题
- eclipse下安装pydev,google app engine 插件无法显示设置的问题
- java开发配置jdk问题,在cmd中输入java好使,但输入javac提示错误
- itunes connect上传截图提示无法载入文件问题
- 升级dedecms5.5后,出现"提示保存目录数据时失败,请检查你的输入资料是否存在问题"
- 仿google、百度搜索框输入信息智能提示的实现 兼容主流浏览器