最近在工作中寫了乙個jquery外掛程式,效果如下:
就是乙個簡單的提示訊息的乙個東西,支援最大化、最小化、關閉、自定義速度、自定義點選事件,資料有ajax請求和本地資料兩種形式。還有不完善的地方,只做了最基本的功能,等有了修改再上傳上來。
/*2013-08-21* * 訊息提示
* 自動生成的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...