AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jQuery,提示信息,插件,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程序设计有所帮助。


jQuery,提示信息,插件,jQuery提示信息插件  
上一篇:jQuery遮罩层实现方法实例详解(附遮罩层插件)  下一篇:JS组件Bootstrap Table表格多行拖拽效果实现代码