本文實例講述了jQuery實現的簡單提示信息插件。分享給大家供大家參考,具體如下:
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:"提示信息的內容",times:4000})</script>
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答