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


Posted in Javascript onDecember 08, 2015

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

Javascript 相关文章推荐
jquery checkbox,radio是否选中的判断代码
Mar 20 Javascript
return false;和e.preventDefault();的区别
Jul 11 Javascript
jquery下为Event handler传递动态参数的代码
Jan 06 Javascript
firebug的一个有趣现象介绍
Nov 30 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
js数组去重的N种方法(小结)
Jun 07 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 Vue.js
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 #Javascript
AngularJS实现全选反选功能
Dec 08 #Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 #Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 #Javascript
JS获取月份最后天数、最大天数与某日周数的方法
Dec 08 #Javascript
AngularJS Module方法详解
Dec 08 #Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 #Javascript
You might like
优化PHP程序的方法小结
2012/02/23 PHP
PHP生成sitemap.xml地图函数
2013/11/13 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
Raphael一个用于在网页中绘制矢量图形的Javascript库
2013/01/08 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
JS使用正则表达式除去字符串中重复字符的方法
2015/11/05 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
微信小程序性能优化之checkSession的使用
2019/03/06 Javascript
Python中super函数的用法
2017/11/17 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
基于pytorch的lstm参数使用详解
2020/01/14 Python
学python需要去培训机构吗
2020/07/01 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
英国领先的男士美容护发用品公司:Mankind
2016/08/31 全球购物
eDreams葡萄牙:全球最大的在线旅行社之一
2019/04/15 全球购物
一道输出判断型Java面试题
2014/10/01 面试题
捐款倡议书
2014/04/14 职场文书
团队精神的演讲稿
2014/05/14 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
学习十八大演讲稿
2014/09/15 职场文书
民主评议党员工作总结
2014/10/20 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技