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>
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦