jQuery實現(xiàn)的簡單提示信息插件
本文實例講述了jQuery實現(xiàn)的簡單提示信息插件。分享給大家供大家參考,具體如下:
jQuery代碼如下:
(function ($) { $.fn.Tips = function (options) { var defaults = { html: "", times: 3000 } _this_ = $("#tips"); _this_.html(options.html); _this_.show(); setTimeout(function () { _this_.hide() }, options.times); }; })(jQuery);
css樣式如下:
.tips { height: 20px; background-color: Green; padding: 5px 20px; color: White; display: none; margin-left: 50px; }
使用方法:
<span class="tips" style="display:none" id="tips"><span> <script> $("#aa").Tips({html:"提示信息的內(nèi)容",times:4000}) </script>
希望本文所述對大家jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery插件echarts實現(xiàn)的單折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的單折線圖效果,結(jié)合完整實例形式分析了echarts插件繪制簡單折線圖的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery源碼解讀之extend()與工具方法、實例方法詳解
這篇文章主要介紹了jQuery源碼解讀之extend()與工具方法、實例方法,分析了jQuery中extend()源碼、功能與相關(guān)使用技巧,需要的朋友可以參考下2017-03-03formStorage 基于jquery的一個插件(存儲表單中元素的狀態(tài)到本地)
原理很簡單,通過本地存儲機制(userData或者localStorage),存儲表單中元素的狀態(tài)到本地. 需要時可以把所存儲的狀態(tài)還原到表單元素上2012-01-01jQuery實現(xiàn)可拖拽3D萬花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強大特效,本特效使用jQuery跟CSS3 transform來實現(xiàn)在用戶鼠標(biāo)按下拖動時,環(huán)形圖片墻可以跟隨鼠標(biāo)進行3D旋轉(zhuǎn)動畫。下面跟著小編一起來看下吧2017-01-01基于Jquery和CSS3制作數(shù)字時鐘附源碼下載(CSS3篇)
數(shù)字時鐘在web倒計時,web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時鐘附源碼下載,感興趣的朋友來看看吧2015-11-11jquery數(shù)據(jù)驗證插件(自制,簡單,練手)實例代碼
最近項目中js數(shù)據(jù)驗證比較多,為了統(tǒng)一風(fēng)格,移植復(fù)用,于是順手封裝了Jquery的插件2013-10-10