jquery右下角滑出提醒框

2025-02-18 技术教程

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><scriptsrc="jquery-1.2.6.pack.js"></script><scriptsrc="jquery.messager.js"></script><script>$(document).ready(function(){$.messager.show(0,'送你一个JqueryMessager消息弹出插件！');$("#showMessager300x200").click(function(){$.messager.lays(300,200);$.messager.show(0,'300x200的消息<br>脚本之家（JB51.net）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型×××站。');});$("#showMessagerFadeIn").click(function(){$.messager.anim('fade',2000);$.messager.show(0,'fadeIn动画消息');});$("#showMessagerShow").click(function(){$.messager.anim('show',1000);$.messager.show(0,'show动画消息');});$("#showMessagerajax").click(function(){$.messager.anim('show',1000);$.messager.show('源码爱好者','使用“源码爱好者”作标题');});$("#showMessagerDim").click(function(){$.messager.show('<fontcolor=red>自定义标题</font>','<fontcolor=greenstyle="font-size:14px;font-weight:bold;">自定义内容</font>');});$("#showMessagerSec").click(function(){$.messager.show(0,'一秒钟关闭消息',1000);});$("#showMessagerNoClose").click(function(){$.messager.show('不会关闭的消息','要自己点关闭的X才可以哦！',0);});});</script><styletype="text/css"></style></head><body><h3>JQUEYR右下角滑出提醒框</h3><p><b>版本1.4更新：</b><Br/>1、支持鼠标over时不关闭消息提示框<br/><b>版本1.3更新：</b><br/>1、可以设置不自动关闭，停留在固定位置。<br/>2、增加了对UA的判断能力和效果解析<br/>3、针对chrome下的错位给予了一定的修补，目前效果还算可以<br/>4、针对代码段做了调整优化<br/></p><p><inputtype="button"id="showMessager300x200"value="显示一个300x200的消息"/></p><p><inputtype="button"id="showMessagerFadeIn"value="显示一个fadeIn动画消息"/></p><p><inputtype="button"id="showMessagerShow"value="显示一个show动画消息"/></p><p><inputtype="button"id="showMessagerajax"value="显示一个show动画消息，不含html"/></p><p><inputtype="button"id="showMessagerDim"value="显示定义内容和标题消息"/></p><p><inputtype="button"id="showMessagerSec"value="一秒钟关闭消息"/></p><pclass="new"><inputtype="button"id="showMessagerNoClose"value="不自动关闭消息"/></p><br/></body></html>

附件：http://down.51cto.com/data/2361154