jquery实现弹出即消失的提示层
2014-04-28 19:33
411 查看
<!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> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btn").click(function () { $("#dv").slideToggle(200); setTimeout(function () { $("#dv").hide(200); }, 3000); }); }); </script> <style type="text/css"> div.RoundedCorner { background: #C8E2FA; } b.rtop, b.rbottom { display: block; background: #FFFFFF; } b.rtop b, b.rbottom b { display: block; height: 1px; overflow: hidden; background: #C8E2FA; } b.r1 { margin: 0 5px; } b.r2 { margin: 0 3px; } b.r3 { margin: 0 2px; } b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px; height: 2px; } #dv { width: 300px; position: absolute; top: 10px; left: 39%; z-index: 10001; padding: 0; } .shade { display: none; } </style> </head> <body> <div id="dv" class="shade"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"> </b></b> <div style=" height:100px; text-align:center; background-color:#C8E2FA;"> <br /><br /> <div style="height:30px; font-weight: bold; font-size:16px; background-color:#C8E2FA;"> 修改成功! </div> </div> <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"> </b><b class="r1"></b></b> </div> <input type="button" id="btn" value="点击" /> </body> </html>
相关文章推荐
- jquery实现弹出即消失的提示层
- jQuery实现鼠标移上弹出提示框,移出消失
- Jquery实现鼠标hover图片遮罩弹出提示层特效
- Jquery 网站保存信息提示消息实现,提示后自动消失
- jQuery实现点击弹出层3秒后自动消失
- 四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现
- jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
- jQuery实现文本域提示文字点击后消失
- 基于jQuery实现弹出可关闭遮罩提示框实例代码
- QT 实现弹出提示框定时消失
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)
- 四种常见的提示弹出框(success,warning,error,loading)原生JavaScript和jQuery分别实现
- jQuery,实现想弹出什么,弹出什么(弹出提示、弹出一个新的页面等等)
- jquery小技巧:使用jquery.confirm和PNotify实现弹出提示和消息提示
- jQuery实现鼠标移上弹出提示框,移出消失
- jQuery实现点击文本框弹出热门标签的提示效果
- jquery 提示信息显示后自动消失的具体实现
- jQuery实现鼠标移上弹出提示框,移出消失
- jquery实现的获取鼠标位置并弹出提示框
- jQuery实现鼠标经过弹出提示信息的地图热点效果