jQuery實(shí)現(xiàn)的簡(jiǎn)單提示信息插件
本文實(shí)例講述了jQuery實(shí)現(xiàn)的簡(jiǎ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>
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jQuery提示插件qTip2用法分析(支持ajax及多種樣式)
- qTip2 精致的基于jQuery提示信息插件
- jquery的Tooltip插件 qtip使用詳細(xì)說明
- qTip 基于JQuery的Tooltip插件[兼容性好]
- 屬于你的jQuery提示框(Tip)插件
- jquery SweetAlert插件實(shí)現(xiàn)響應(yīng)式提示框
- jquery-tips懸浮提示插件分享
- 編寫自己的jQuery提示框(Tip)插件
- jQuery帶箭頭提示框tooltips插件集錦
- jQuery 插件仿百度搜索框智能提示(帶Value值)
- jquery.qtip提示信息插件用法簡(jiǎn)單實(shí)例
相關(guān)文章
jQuery插件echarts實(shí)現(xiàn)的單折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的單折線圖效果,結(jié)合完整實(shí)例形式分析了echarts插件繪制簡(jiǎn)單折線圖的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery源碼解讀之extend()與工具方法、實(shí)例方法詳解
這篇文章主要介紹了jQuery源碼解讀之extend()與工具方法、實(shí)例方法,分析了jQuery中extend()源碼、功能與相關(guān)使用技巧,需要的朋友可以參考下2017-03-03formStorage 基于jquery的一個(gè)插件(存儲(chǔ)表單中元素的狀態(tài)到本地)
原理很簡(jiǎn)單,通過本地存儲(chǔ)機(jī)制(userData或者localStorage),存儲(chǔ)表單中元素的狀態(tài)到本地. 需要時(shí)可以把所存儲(chǔ)的狀態(tài)還原到表單元素上2012-01-01jQuery實(shí)現(xiàn)可拖拽3D萬花筒旋轉(zhuǎn)特效
本文主要介紹了使用了CSS3立體效果的強(qiáng)大特效,本特效使用jQuery跟CSS3 transform來實(shí)現(xiàn)在用戶鼠標(biāo)按下拖動(dòng)時(shí),環(huán)形圖片墻可以跟隨鼠標(biāo)進(jìn)行3D旋轉(zhuǎn)動(dòng)畫。下面跟著小編一起來看下吧2017-01-01jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法,涉及jQuery操作頁面元素滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
數(shù)字時(shí)鐘在web倒計(jì)時(shí),web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時(shí)鐘附源碼下載,感興趣的朋友來看看吧2015-11-11jquery數(shù)據(jù)驗(yàn)證插件(自制,簡(jiǎn)單,練手)實(shí)例代碼
最近項(xiàng)目中js數(shù)據(jù)驗(yàn)證比較多,為了統(tǒng)一風(fēng)格,移植復(fù)用,于是順手封裝了Jquery的插件2013-10-10Jquery iframe內(nèi)部出滾動(dòng)條
Jquery 操作頁面中iframe自動(dòng)跟隨窗口大小變化,而不出現(xiàn)滾動(dòng)條,只在iframe內(nèi)部出滾動(dòng)條2010-02-02