jquery 提示信息显示后自动消失的具体实现
经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。
方法一:
代码如下:
$("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);
$("#errormsg").html("ok").hide(3000);// 这个是渐渐消失
$("#errormsg").html("ok").fadeTo(3000).hide(); //这个是让他显示5秒(实际就是没有改变透明度),然后隐藏
相关推荐
-
基于JQuery 的消息提示框效果代码
详细内容请下载附件 附件下载 先看一下效果: 内容都集合到一个1.58KB的js文件里 复制代码 代码如下: var returnurl = ''; var messagebox_timer; $.fn.messagebox = function (message, url, type, delay) { clearTimeout(messagebox_timer); $("#msgprint").remove(); var m_body = $(this); delay = (typ
-
jquery实现通用版鼠标经过淡入淡出效果
复制代码 代码如下: <a class="jq_btn" href="#"><div></div></a> //鼠标移上去效果 $(".jq_btn").hover(function(){ $(this).find("div").stop().fadeIn(); },function(){ $(this).find("div").stop().fadeOut(
-
jquery 淡入淡出效果的简单实现
样式: 复制代码 代码如下: <style type="text/css"> #win { width: 98%; position: absolute; display: none; float:left; } /*控制关闭按钮的位置*/ #close { margin-left: 155px; c
-
jquery.validate提示错误信息位置方法
本文实例讲述了jquery.validate提示错误信息位置方法.分享给大家供大家参考,具体如下: 好长时间没有用jquery.validate.js这个插件了,忘得差不多了.唉,好东西还是要经常拿出来看看的,今天用jquery.validate来做一个小东西,遇到一个问题,就是错误提示信息的位置问题,如果知道的话,很简单.以前遇到过,可是忘了,现在标记一下,将来在忘了,在回过头看看.俗话说的好,好记性不如烂笔头. 举个例子,大家就知道怎么回事了. rules: { name:{ require
-
JQuery实现简单验证码提示解决方案
先看效果图: 要求:当输入框获得焦点时,自动显示验证图片. 代码如下(学习而已,仅供参考): 复制代码 代码如下: /***********************下是验证码对象*****************/ var Validation = {}; Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $('#'+eleName).focusin(function(){ Validation.show(e
-
jQuery制作input提示内容(兼容IE8以上)
我们都知道HTML5的input新属性有 placeholder="",那么这个不兼容IE低版本我们只能用脚本来写了. 首先HTML新建一个input <input type="text" class="input" value="请输入搜索内容" /> 然后我们再引入相应的js库,再使用jQuery <script src="js/jquery-1.8.3.min.js"><
-
jquery实现鼠标滑过显示提示框的方法
本文实例讲述了jquery实现鼠标滑过显示提示框的方法.分享给大家供大家参考.具体如下: 一.jquery鼠标滑过显示提示框实例 1.效果图 2.实现代码 ( 需要自行添加 jquery.js.按钮图片.提示框图片 ) HTML 代码 复制代码 代码如下: <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF
-
基于jquery实现的文字淡入淡出效果
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=
-
jQuery 淡入淡出、展开收缩菜单实现代码
效果图:运行以后,刷新下即可. jQuery淡入淡出.展开收缩菜单 ul li{list-style:none;} ul li.menu{position:relative;width:120px;} ul li.menu ul{display:none;text-align:center;background:#fff;border:1px solid #ddd;width:100px;padding:5px;} ul li.menu ul li{padding:5px 0;border-bo
-
jQuery实现鼠标悬停显示提示信息窗口的方法
本文实例讲述了jQuery实现鼠标悬停显示提示信息窗口的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"
-
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
本文实例讲述了jQuery实现可兼容IE6的淡入淡出效果告警提示功能.分享给大家供大家参考,具体如下: 其实我觉得告警提示的话,直接用一个Alert就最好的.开门见山,直接让用户明白你当前系统的意思,关键是Alert这东西就是再破的浏览器都必须兼容,不然你它丫的做毛浏览器啊?但是,在现在越来越觉得Alert不美观,而且开始有"弹窗挺吓人"的思潮,因此,告警提示你必须做得好看一点.在Javascript的透明度的操控比较艰难的前提下,jQuery的简单淡入淡出效果是你的选择.之所以选择j
随机推荐
- PowerShell管理Win Server 2008 R2
- 简化SQL Server备份与还原到云工作原理及操作方法
- 对Java中传值调用的理解分析
- python函数装饰器用法实例详解
- 用javascript实现分割提取页面所需内容
- Python中集合类型(set)学习小结
- 在Python中使用poplib模块收取邮件的教程
- Enterprise Library for .NET Framework 2.0缓存使用实例
- 深入探讨CSS中字体元素
- flex tomcat端口被占用的问题分析及解决方法
- 提升Ruby on Rails性能的几个解决方案
- 浅谈Python 集合(set)类型的操作——并交差
- ISAPI_rewrite中文参考手册第1/3页
- java生成字母数字组合的随机数示例 java生成随机数
- java实现获取安卓设备里已安装的软件包
- Jenkins 关闭和重启详细介绍及实现
- C#画笔使用复合数组绘制单个矩形的方法
- C++设计模式之适配器模式
- Maven工程搭建spring boot+spring mvc+JPA的示例
- nodejs前端模板引擎swig入门详解