<!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>qipao</title>
<link rel="stylesheet" href="css/bubble-tooltip.css" media="screen">
<script type="text/javascript" src="js/bubble-tooltip.js"></script>
</head>
<body>
<div id="bubble_tooltip">
<div class="bubble_top"> <input type="image" src="images/close.gif" width="23px" height="15px" align="right" onclick="hideToolTip()"></div>
<div class="bubble_middle"><span id="bubble_tooltip_content">Content is comming here as you probably can see.Content is comming here as you probably can see.</span></div>
<div class="bubble_bottom"></div>
</div>
<h1>DHTML Balloon tooltip</h1>
<p>This demo demonstrates how the balloon tooltip works. Roll your mouse over the red links in the text below.</p>
<p><a href="#" onmouseover="showToolTip(event,'This is a simple, simple test');return false" onmouseout="hideToolTip()">Roll over me</a> to see the tooltip in action.</p>
<p>And here's some more content
<a href="#" onclick="showToolTip(event,'<strong><font color=\#400080\>2010-3-27 16:22:44</font></strong> <br><strong>内容：</strong>看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间，看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间看看和嘎傻大方啦空间。');return false" >sharejs.com</a> </p>
<p>This is the last piece of the content on this web page</p>
<br><br>
</body>
</html>
单击打开关闭js仿window气球提示.rar （10个子文件） 
bubbleqipao css 
bubble-tooltip.css 743B
qiqiu.html 2KB images 
2_03.gif 997B close.gif 397B 2_01.gif 608B bubble_top.gif 578B 2_02.gif 366B bubble_bottom.gif 2KB bubble_middle.gif 390B js bubble-tooltip.js 2KB资源评论
- baylabken2014-07-05效果可以，界面不行，稍改一下就能用了
- xzh2362014-02-13效果还不行。。但是样式还要修改下。。。
- Victory23-Tmac2013-03-05效果还行！样式需要自己修改了〜
- sqh12320082013-03-01效果还不行,有待改进
- mzv552011-11-11效果还不行。。但是样式还要修改下。。。
