jquery外掛程式jtip的實用修改
jtip外掛程式可以方便作出超酷的提示效果,但功能過於簡單,我對其進行了擴充套件改進:
1.將ajax檔案載入方式由href改為rel
2.增加了 滑鼠可以移動到彈出層,當滑鼠離開時彈出層消失
3.增加了 可以將本頁面內某id的層內容 顯示為提示層。比如:顯示testdiv
這裡是testdiv的內容
當滑鼠移動到上邊鏈結時,將顯示testdiv層內的內容
以下為jtip**
//on page load (as soon as its ready) call jt_init
$(document).ready(jt_init);
var jt_delay = 0;
function jt_init(),function())
.click(function()); }
function jt_show(url,linkid,title);
if(params['link'] !== undefined));
$('#' + linkid).css('cursor','pointer'); }
if(hasarea>((params['width']*1)+75))else
$('#jt').css();
$('#jt').mouseover(function())
$('#jt').mouseout(function() );
var urlparts = url.split("\?", 2);
urlparts[0] = urlparts[0].substr(urlparts[0].lastindexof('/')+1);
if(urlparts[0].charat(0) == '$')
else }
function jt_close(),200); }
function getelementwidth(objectid)
function getabsoluteleft(objectid)
return oleft }
function getabsolutetop(objectid)
return otop }
function parsequery ( query )
return params; }
function blockevents(evt) else }
jQuery外掛程式的開發
jquery外掛程式開發方式主要有三種 通過 extend 來擴充套件jquery 通過 fn 向jquery新增新的方法 通過 widget 應用jquery ui的部件工廠方式建立 通常我們使用第二種方法來進行簡單外掛程式開發,說簡單是相對於第三種方式。第三種方式是用來開發更高階jquery部件...
jQuery中的外掛程式
目錄 0.碼仙勵志 2.為什麼需要jquery外掛程式 3.使用外掛程式的步驟 4.jquery.color.js 5.jquery.lazyload.js 6.製作jquery外掛程式 成功沒有快車道,幸福沒有高速路。所有的成功,都來自不倦的努力和奔跑 所有的幸福,都來自平凡的奮鬥和堅持 因為jq...
jquery外掛程式的理解
參考1var jquery function selector,context jquery.fn jquery.prototype jquery.fn.init.prototype jquery.fn jquery.fn.xx woshiwo console.log jquery console....