信鸽网

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

  作者：bea

本文实例讲述了jQuery实现的简单提示信息插件。分享给大家供大家参考，具体如下： jQuery代码如下： (function ($) { $.fn.Tips = function (options) { var defaults = { html: "", times: 3000 } _this_ = $("#tips"); _this_.html(options.html); _this_.show(); se

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




有用  |  无用

猜你喜欢

您可能感兴趣的文章: