`

JUQERY实现的提示信息页

阅读更多
/** 
* 浮动DIV定时显示提示信息,如操作成功, 失败等 
* @param string tips (提示的内容) 
* iWidth;                          //弹出窗口的宽度;
* iHeight;                         //弹出窗口的高度;   
* @param int time 显示的时间(按秒算), time > 0 
*/ 
function showTips( tips, time ,iWidth,iHeight){ 
	var windowWidth = document.documentElement.clientWidth; 
	var tipsDiv = '<div class="tipsClass">' + tips + '</div>'; 
	$( 'body' ).append( tipsDiv ); 
	$( 'div.tipsClass' ).css({ 
	'top' :(window.screen.availHeight-30-iHeight)/2 + 'px', 
	'left' :  (window.screen.availWidth-10-iWidth)/2 + 'px', 
	'position' : 'absolute', 
	'padding' : '3px 5px', 
	'background': '#F2F6F9', 
	'font-size' : 15 + 'px', 
	'margin' : '0 auto', 
	'text-align': 'center', 
	'width' : 'auto', 
	'color' : '#000',
	'font-weight': 'bolder', 
	'opacity' : '0.8',
	'border': '2px solid #34A7DB'	
	}).show(); 
	setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) ); 
} 

 调用方法:

showTips( '此功能【'+name+'】已经打开了',2,100,100);

分享到:
评论

相关推荐

    jquery实现鼠标移动出现提示信息

    jQuery 实现鼠标移动出现提示信息 jQuery 是一个流行的 JavaScript 库,广泛应用于 Web 开发中。今天,我们将讨论如何使用 jQuery 实现鼠标移动出现提示信息的功能。 标题解析 标题“jQuery 实现鼠标移动出现提示...

    jQuery实例-信息提示jQuery实现

    本实例将详细讲解如何利用jQuery实现信息提示功能,这一功能在用户交互中扮演着重要角色,能有效地向用户提供反馈信息。 首先,我们需要引入jQuery库。在HTML文件的`&lt;head&gt;`标签内,通过`&lt;script&gt;`标签从CDN(内容...

    jquery实现网站注册页面验证信息

    在"jquery实现网站注册页面验证信息"的压缩包文件中,可能包含了实现上述功能的HTML、CSS和JavaScript代码示例。这些文件可以作为学习和参考的资源,帮助开发者理解如何在实际项目中整合这些验证功能。 总结,使用...

    jquery_tips,JQ实现的冒泡提示

    《JQuery实现冒泡提示的技巧与应用》 在网页开发中,为了提供更好的用户体验,开发者经常需要在用户与页面元素交互时显示一些提示信息。jQuery的tips功能恰好能满足这一需求,它允许我们轻松地创建出具有冒泡效果的...

    jQuery实现的适用于图片、链接的浮动提示信息框

    这个简单的jQuery实现允许我们在图片和链接上创建自定义的浮动提示信息框,同时保持了良好的可定制性,可以根据项目需求调整提示框的样式和行为。 为了测试这个功能,你需要将`softhy.net`压缩包中的文件部署到...

    jQuery实现消息提示框

    **jQuery实现消息提示框** 在Web开发中,用户交互是必不可少的部分,而消息提示框则是与用户进行简单信息交流的常见方式。jQuery,一个广泛使用的JavaScript库,提供了丰富的API来帮助开发者实现各种功能,包括创建...

    JQuery实现输入框大写提示

    在本文中,我们将深入探讨如何使用JQuery实现输入框大写提示功能,这对于创建具有用户友好体验的登录界面尤其有用。JQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务,使得前端开发...

    jquery tips提示图片信息.rar

    本资源“jquery tips提示图片信息.rar”显然聚焦于利用jQuery实现一种图片提示信息的功能,这通常涉及到图片展示、用户交互以及可能的动画效果。以下是关于这个主题的详细知识点: 1. jQuery选择器:jQuery的选择器...

    Jquery实现问卷调查

    编辑和删除功能同样可以通过jQuery实现。对于编辑,我们可以在问卷项上放置一个编辑按钮,点击后显示一个模态框或者使用Bootstrap的`collapse`插件展开隐藏的编辑区域。删除功能则可以通过在每个问题旁边添加一个...

    jQuery实现鼠标滑过时冒泡提示

    本主题探讨的是如何利用jQuery实现一种特殊的效果——"鼠标滑过时冒泡提示",这通常用于向用户提供额外的信息或者交互体验。我们将重点讨论jQuery的qTip插件,这是一个强大的提示框插件,可以创建多种类型的提示效果...

    jquery实现弹出窗口

    "jquery实现弹出窗口"这个主题涉及到的是使用jQuery来创建一个弹出对话框,通常用于显示警告、确认信息或者进行用户交互,如注册过程中的表单填写。在描述中提到的“注册时弹出框效果”可能是指在用户尝试注册新账户...

    jQuery通用dialog对话框 popup提示信息窗口插件demo

    jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入探讨jQuery通用Dialog插件的原理、使用方法以及如何通过源码分析增强自己的前端开发技能。 **jQuery Dialog ...

    jQuery 实现弹出消息窗口,相当的绚丽

    本文将详细探讨如何利用jQuery实现一个绚丽的弹出消息窗口。 首先,理解jQuery的基本语法是实现这一功能的基础。jQuery的核心概念是选择器(Selector),它用于定位HTML文档中的元素。例如,“$(‘#id’)”会选择ID...

    Jquery 好看的悬浮提示 信息提示

    本篇文章将深入探讨如何利用jQuery实现美观且功能强大的悬浮提示效果。 首先,悬浮提示(Tooltip)通常用于显示与页面元素相关的额外信息,当鼠标悬停在该元素上时,提示信息会以一种优雅的方式出现。在jQuery中,...

    jquery tips提示插件自适应屏幕宽度提示图片信息

    jQuery Tips提示插件是这个库的一个扩展,它增强了网页的用户体验,通过提供自适应屏幕宽度的提示信息,使用户能够更方便地理解和操作页面内容。 一、jQuery Tips提示插件介绍 jQuery Tips插件主要用于在网页上显示...

    jquery实现注册页面左右滚屏效果

    "jQuery实现注册页面左右滚屏效果"是一种独特的设计方法,它打破了传统的上下滚动模式,为用户带来全新的浏览体验。这种设计常见于现代网页和移动应用中,尤其是在注册或登录页面,以简洁、直观的方式展示信息。 ...

    jquery alert 提示框、动态加载提示框、jquery插件

    动态加载提示框是指在用户执行特定操作时,如点击按钮、提交表单等,才即时创建并显示的提示信息。这通常涉及到Ajax技术,通过异步方式获取数据并在页面上动态插入元素。例如,当用户提交表单后,我们可能需要显示一...

    jquery实现的柱状图页面

    "jQuery实现的柱状图页面"是一个典型的案例,它利用JavaScript库jQuery和Highcharts插件来创建一个交互式的柱状图表。下面我们将深入探讨这个主题。 首先,jQuery是一个流行的JavaScript库,它简化了DOM操作、事件...

    JQuery实现弹出页面全集,包含各种例子

    在网页设计中,弹出页面通常是指在用户交互后出现的新窗口或覆盖层,比如对话框、模态框、提示信息等。这些弹出元素能够提供额外的信息、输入表单或者确认操作,而不改变页面的主要内容。jQuery 提供了一系列的方法...

    jquery警告提示框

    本资源包含两个使用jQuery实现的自定义警告提示框示例,这些示例具有较高的可定制性和灵活性。以下是对这两个示例的详细解读: 1. **ConfirmDemo** `confirmDemo`是一个基于jQuery的确认对话框示例。在传统的...

Global site tag (gtag.js) - Google Analytics