JQUEYR PLUGIN - Messager

 

一個仿QQ消息彈出效果

 點擊這裏下載需要的jar

<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>