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