JavaScript+css+div实现的网页气球提示资源-CSDN文库

共8个文件

gif：4个

js：1个

css：1个

网页气球提示

4星 · 超过85%的资源需积分: 16 21 浏览量 2009-08-26 16:01:19 上传评论 1 收藏 13KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

.rar （8个子文件）

css

bubble.css 877B

images

bubble_bottom.gif 2KB

ss.gif 3KB

Thumbs.db 22KB

bubble_top.gif 473B

bubble_middle.gif 292B

index.html 2KB

bubble.js 997B

<!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>JavaScript网页气泡提示框</title> <link rel="stylesheet" href="css/bubble.css" media="screen"> <script type="text/javascript" src="js/bubble.js"></script> </head> <body> <div id="div_bubble" style="position: absolute;z-index: 2; left: 16px; top: 321px;display:none; width:121px"> <div class="bubble_top" style="width: 146px; height:20px"> <div style="position: absolute; width: 16px; height: 8px; z-index: 1; left: 118px; top: 3px;cursor:hand" id="div_close" align="center" onclick="hideToolTip();">× 　</div> <span></span></div> <div class="bubble_middle" style="width: 147px; height: 34px">弹出对话框测试。点击右上角关闭。<br></div> <div class="bubble_bottom" style="width: 147px; height: 45px"></div> </div> <div id="div_shadow" style="position: absolute;z-index: 1; left: 12px; top: 207px; width:176px; height:58px;display:none;filter:alpha(opacity=80)"> <div class="shadow"></div> </div> <h1>网页气泡对话框测试</h1> <p>点击下面的链接，会出现一个带有阴影的对话框。</p> <p>测试网页层对话框，点击<a href="javascript:void(0);" onclick="showToolTip(event,'');">这里</a>打开对话框</p> <p>要是有问题，再点<a href="javascript:void(0);" onclick="showToolTip(event,'');">这</a>试试，怎么样？</p> <p>还不行吗？<a href="javascript:void(0);" onclick="showToolTip(event,'');">这里</a>呢？</p> <br><br> </body> </html>

评论收藏

内容反馈