jQuery实现的简单提示信息插件
本文实例讲述了jQuery实现的简单提示信息插件。分享给大家供大家参考,具体如下:
jQuery代码如下:
(function($){ $.fn.Tips=function(options){ vardefaults={ 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:5px20px; color:White; display:none; margin-left:50px; }
使用方法:
<spanclass="tips"style="display:none"id="tips"><span> <script> $("#aa").Tips({html:"提示信息的内容",times:4000}) </script>
希望本文所述对大家jQuery程序设计有所帮助。