<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>MESSAGER插件</title> <script src="jquery-1.4.2.js"></script> <script src="jquery.messager.js"></script> <script> $(document).ready(function(){ $.messager.show(0,'Jquery Messager消息弹出插件!'); $("#showMessager300x200").click(function(){ $.messager.lays(300, 200); $.messager.show(0, '300x200的消息'); }); $("#showMessagerFadeIn").click(function(){ $.messager.anim('fade', 2000); $.messager.show(0, 'fadeIn动画消息'); }); $("#showMessagerShow").click(function(){ $.messager.anim('show', 1000); $.messager.show(0, 'show动画消息'); }); $("#showMessagerDim").click(function(){ $.messager.show('<font color=red>自定义标题</font>', '<font color=green style="font-size:14px;font-weight:bold;">自定义内容</font>'); }); $("#showMessagerSec").click(function(){ $.messager.show(0, '一秒钟关闭消息', 1000); }); $("#showMessagerNoClose").click(function(){ $.messager.show('不会关闭的消息', '要自己点关闭的X才可以哦!', 0); }); }); </script> <style type="text/css"> <!-- body,td,th { font-size: 12px; } body { background-color: #fefefe; } p { width:80%; height:auto; padding:10px; background-color:#D6F097; border:solid 1px #FF9900; color:#333; margin-left:auto; margin-right:auto;} input { background-color:#F5D99E; color:#333; border:solid 1px #993300; font-size:12px;} p.new input { background-color:#FF0000; color:#fff;} --> </style> </head> <body> <h2>JQUEYR PLUGIN - Messager</h2> <p><input type="button" id="showMessager300x200" value="显示一个300x200的消息" /></p> <p><input type="button" id="showMessagerFadeIn" value="显示一个fadeIn动画消息" /></p> <p><input type="button" id="showMessagerShow" value="显示一个show动画消息" /></p> <p><input type="button" id="showMessagerDim" value="显示定义内容和标题消息" /></p> <p><input type="button" id="showMessagerSec" value="一秒钟关闭消息" /></p> <p class="new"><input type="button" id="showMessagerNoClose" value="不自动关闭消息" /></p> </body> </html>
来自:http://zhg.me/demo/messager/
博客已移至http://blog.aboutc.net/欢迎访问
相关推荐
JQuery消息插件仿QQ消息弹出提醒 非常实用,网上强人写的。 使用方便,易于扩展。
JQUEYR 消息插件 Messager v1.5 仿QQ消息弹出提醒.zip
jQuery插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框 jQuery插件 提示框 类似QQ新闻的弹出框
jQuery点击按钮遮罩弹出在线QQ客服代码 jQuery点击按钮遮罩弹出在线QQ客服代码
今天我们要来分享一款基于jQuery的相册图片浏览插件,它是一款仿QQ空间的相册浏览组件,点击缩略图即可弹出图片浏览窗口,这款jQuery相册图片浏览插件的特点是:1、支持左右键来切换图片;2、支持ESC键退出相册浏览...
使用jquery开发的一个分享插件,分享为弹出窗的形式。
jQuery网页弹出层分享按钮插件是一款默认显示单独的按钮,鼠标点击的时候弹出QQ空间,微博,人人网,等分享按钮。
jquery jBox 仿QQ空间 弹出DIV窗口,界面优雅漂亮,容易理解
个人平时收集的Jquery插件:类似QQ弹出消息、图片幻灯片、tip提示、进度条、右键菜单、基于cookie的右下角弹出广告等
像QQ里的浏览图片一样的内容层是阴暗的,其他的是看不到点不着的
示例的目的是iframe中弹出窗口后,遮罩层能遮盖整个可视区域,能让弹出层返回参数到iframe页面,也可以在弹出层直接提交,直接提交用jquery.form.js插件。 代码有详细注释,麻烦慢慢琢磨,有问题可qq联系,505074122
jQuery点击弹出圆圈调色板变换背景插件代码,jQuery点击弹出圆圈调色板变换背景插件代码(html)
jQuery弹出层页面分享插件是一款默认显示单独的按钮,鼠标点击的时候弹出QQ空间,微博,人人网,微信等分享按钮。
第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息提示功能,可以灵活的控制4种状态...
一款非常不错的基于jquery的弹出层插件
EJECT弹出层按钮插件(jQuery) 详细介绍请看博客 https://blog.csdn.net/qq_18947751/article/details/101128043
仿京东导航 防天猫导航 相册鼠标经过放大图片插件 仿QQ相册 仿腾讯图片幻灯片效果展示 图片幻灯片播放Jquery插件 省市地区三级联动弹出层Jquery特效 文本框限制字长 日历特效 cxCalendar 日期选择器 密码强度检测
一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...
适用于电商项目收货地址选择的三级联动插件,省市县数据很齐全。
模仿qq弹出消息模式,非常方便简单,可以任意定义弹出消息框的大小