首页 > 编程 > JavaScript > 正文

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

2019-11-20 11:03:57
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表