jQuery实现的简单提示信息插件

本文实例讲述了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程序设计有所帮助。