乙個簡單的訊息提示jquery外掛程式

最近在工作中寫了乙個jquery外掛程式，效果如下：

就是乙個簡單的提示訊息的乙個東西，支援最大化、最小化、關閉、自定義速度、自定義點選事件，資料有ajax請求和本地資料兩種形式。還有不完善的地方，只做了最基本的功能，等有了修改再上傳上來。

/*

* * 訊息提示
* 自動生成的html結構如下:
* * 訊息提醒 
* * 
**//**
* 訊息提示器
* * 引數說明
* * @param 
* @param 
* items 提示資料：預設為undefined 
* items中物件必須的屬性包括：id，link，text，其他屬性可以任意新增.
* 當引數中提供了ajax的url時，不會使用items中的資料
* @param 
* ajax 提示資料：預設為
* 引數與jquery中的引數一致，但datatype必須為json，返回的資料格式必須與items屬性的格式一致
* @param 
* initshow 布林值，是否在頁面載入時就顯示，預設為true
* @param 
* onclose 函式，this表示當前的reminder控制項，在點選關閉按鈕時會掉用此**函式
* @param 
* slideduration 數值，最小化或最大化時的速度，預設為500
* @param 
* ontoggle 函式，最小化或最大化時的**，this表示當前的reminder控制項，在點選最小化或者最大化按鈕時呼叫
* @param 
* fadeduration 數值，關閉按鈕點選後視窗淡入淡出的速度，預設為1000
* @param 
* onitemclick 函式，在點選資料項時呼叫，this表示當前的reminder控制項，引數為資料項物件
* * @author lee
* @since 2013-8-19 */(
function
($, undefined) 
return
; }
var opts = $.extend(true
, {}, $.fn.reminder.defaults, options);
return
this.each(function
() );
};function
_init() 
function
_inithtml() 
function
_initdata() , opts.ajax, 
}));
} else
}function
var container = this.find('.content>ul');
if (items && items instanceof
array) }}
function
_initevent() ).delegate('.toggle', 'click', function
() ).delegate('.content li a', 'click', function
() );
if(opts.initshow) 
}function
_close() 
function
_toggle() );
opts.ontoggle.call(
this
); }
function
_itemclick(item) 
$.fn.reminder.defaults = ],
ajax : ,
initshow : 
true
, onclose : $.noop,
slideduration : 1000,
ontoggle : $.noop,
fadeduration : 500,
onitemclick : $.noop
};})(jquery);

乙個超棒的訊息提示jQuery外掛程式 Noty

前面我們介紹過一款基於jquery，backbone.js和underscore.js的訊息提示框架，今天我們介紹另外一款jquery的訊息提示外掛程式 noty。使用它能夠幫助我們快速建立，警告，提示和錯誤資訊框。大家肯定都使用過預設的alert 吧，使用nody能夠建立出漂亮功能更強大的訊息提示...

JQuery實現乙個簡單的滑鼠跟隨提示效果

效果體驗 實現思路 1 滑鼠移入標題 這裡是標籤 建立乙個div，div的內容為滑鼠位置的文字 將建立好的div加到文件中 為提示層設定位置 2 滑鼠移出標題 移除div 3 當滑鼠在標題內移動時 同樣新增div效果 上面是跟隨游標的，這個是居中的 1.htm 跟隨游標完整 如下 1 doctype...

乙個簡單的提示效果

乙個簡單的效果，修改了三次才能達到如意的效果。看來，細節真的是決定成敗。春江潮水連海平 div class l id c0 a href 收藏a a href 刪除a div div div class b id b1 onmouseover c 1 春江潮水連海平 div class l id c...