1、下载jquery插件
2、下载jquery提示框插件,下载地址:http://download.csdn.net/detail/harderxin/5113741
3、在页面中引入jquery插件和jquery提示框插件
4、测试代码:
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="jquery-1.2.6.pack.js"></script> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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 >自定义内容</font>'); }); $("#showMessagerSec").click(function(){ $.messager.show(0, '一秒钟关闭消息', 1000); }); $("#showMessagerNoClose").click(function(){ $.messager.show('不会关闭的消息', '要自己点关闭的X才可以哦!', 0); }); }); </script>
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦