/**
* 浮动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 是一个流行的 JavaScript 库,广泛应用于 Web 开发中。今天,我们将讨论如何使用 jQuery 实现鼠标移动出现提示信息的功能。 标题解析 标题“jQuery 实现鼠标移动出现提示...
本实例将详细讲解如何利用jQuery实现信息提示功能,这一功能在用户交互中扮演着重要角色,能有效地向用户提供反馈信息。 首先,我们需要引入jQuery库。在HTML文件的`<head>`标签内,通过`<script>`标签从CDN(内容...
在"jquery实现网站注册页面验证信息"的压缩包文件中,可能包含了实现上述功能的HTML、CSS和JavaScript代码示例。这些文件可以作为学习和参考的资源,帮助开发者理解如何在实际项目中整合这些验证功能。 总结,使用...
《JQuery实现冒泡提示的技巧与应用》 在网页开发中,为了提供更好的用户体验,开发者经常需要在用户与页面元素交互时显示一些提示信息。jQuery的tips功能恰好能满足这一需求,它允许我们轻松地创建出具有冒泡效果的...
这个简单的jQuery实现允许我们在图片和链接上创建自定义的浮动提示信息框,同时保持了良好的可定制性,可以根据项目需求调整提示框的样式和行为。 为了测试这个功能,你需要将`softhy.net`压缩包中的文件部署到...
**jQuery实现消息提示框** 在Web开发中,用户交互是必不可少的部分,而消息提示框则是与用户进行简单信息交流的常见方式。jQuery,一个广泛使用的JavaScript库,提供了丰富的API来帮助开发者实现各种功能,包括创建...
在本文中,我们将深入探讨如何使用JQuery实现输入框大写提示功能,这对于创建具有用户友好体验的登录界面尤其有用。JQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务,使得前端开发...
本资源“jquery tips提示图片信息.rar”显然聚焦于利用jQuery实现一种图片提示信息的功能,这通常涉及到图片展示、用户交互以及可能的动画效果。以下是关于这个主题的详细知识点: 1. jQuery选择器:jQuery的选择器...
编辑和删除功能同样可以通过jQuery实现。对于编辑,我们可以在问卷项上放置一个编辑按钮,点击后显示一个模态框或者使用Bootstrap的`collapse`插件展开隐藏的编辑区域。删除功能则可以通过在每个问题旁边添加一个...
本主题探讨的是如何利用jQuery实现一种特殊的效果——"鼠标滑过时冒泡提示",这通常用于向用户提供额外的信息或者交互体验。我们将重点讨论jQuery的qTip插件,这是一个强大的提示框插件,可以创建多种类型的提示效果...
"jquery实现弹出窗口"这个主题涉及到的是使用jQuery来创建一个弹出对话框,通常用于显示警告、确认信息或者进行用户交互,如注册过程中的表单填写。在描述中提到的“注册时弹出框效果”可能是指在用户尝试注册新账户...
jQuery提供了一种便捷的方式来实现这一目标,那就是通过Dialog对话框和Popup提示信息窗口。本文将深入探讨jQuery通用Dialog插件的原理、使用方法以及如何通过源码分析增强自己的前端开发技能。 **jQuery Dialog ...
本文将详细探讨如何利用jQuery实现一个绚丽的弹出消息窗口。 首先,理解jQuery的基本语法是实现这一功能的基础。jQuery的核心概念是选择器(Selector),它用于定位HTML文档中的元素。例如,“$(‘#id’)”会选择ID...
本篇文章将深入探讨如何利用jQuery实现美观且功能强大的悬浮提示效果。 首先,悬浮提示(Tooltip)通常用于显示与页面元素相关的额外信息,当鼠标悬停在该元素上时,提示信息会以一种优雅的方式出现。在jQuery中,...
jQuery Tips提示插件是这个库的一个扩展,它增强了网页的用户体验,通过提供自适应屏幕宽度的提示信息,使用户能够更方便地理解和操作页面内容。 一、jQuery Tips提示插件介绍 jQuery Tips插件主要用于在网页上显示...
"jQuery实现注册页面左右滚屏效果"是一种独特的设计方法,它打破了传统的上下滚动模式,为用户带来全新的浏览体验。这种设计常见于现代网页和移动应用中,尤其是在注册或登录页面,以简洁、直观的方式展示信息。 ...
动态加载提示框是指在用户执行特定操作时,如点击按钮、提交表单等,才即时创建并显示的提示信息。这通常涉及到Ajax技术,通过异步方式获取数据并在页面上动态插入元素。例如,当用户提交表单后,我们可能需要显示一...
"jQuery实现的柱状图页面"是一个典型的案例,它利用JavaScript库jQuery和Highcharts插件来创建一个交互式的柱状图表。下面我们将深入探讨这个主题。 首先,jQuery是一个流行的JavaScript库,它简化了DOM操作、事件...
在网页设计中,弹出页面通常是指在用户交互后出现的新窗口或覆盖层,比如对话框、模态框、提示信息等。这些弹出元素能够提供额外的信息、输入表单或者确认操作,而不改变页面的主要内容。jQuery 提供了一系列的方法...
本资源包含两个使用jQuery实现的自定义警告提示框示例,这些示例具有较高的可定制性和灵活性。以下是对这两个示例的详细解读: 1. **ConfirmDemo** `confirmDemo`是一个基于jQuery的确认对话框示例。在传统的...