`
MengShadow
  • 浏览: 8115 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jquery之弹出框

阅读更多
<style>
.mainlist{padding:10px;}
.btnbox{text-align:center;height:25px;padding-top:2px;}
.confirmBtn{width:70px;}

#windownbg{display:none;position:absolute;width:100%;height:100%;background:#000;top:0;left:0;}
#windown-box{position:fixed;_position:absolute;border:5px solid #E9F3FD;background:#FFF;text-align:left;}
#windown-title{position:relative;height:0px;border:0px solid #A6C9E1;overflow:hidden;background:url(images/tipbg.png) 0 0 repeat-x;}
#windown-title h2{position:relative;left:10px;top:5px;font-size:14px;color:#666;}
#windown-close{position:absolute;right:10px;top:8px;width:10px;height:16px;text-indent:-10em;overflow:hidden;background:url(images/tipbg.png) 100% -49px no-repeat;cursor:pointer;}
#windown-content-border{position:relative;top:-1px;border:1px solid #A6C9E1;padding:5px 0 5px 5px;}
#windown-content img,#windown-content iframe{display:block;}
#windown-content .loading{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;}
</style>

 

		<script type="text/javascript">
/*
*弹出本页指定ID的内容于窗口
*id 指定的元素的id
*title:	window弹出窗的标题
*width:	窗口的宽,height:窗口的高
*/
function showTipsWindown(title,id,width,height){
	tipsWindown(title,"id:"+id,width,height,"true","","true",id);
}
function confirmTerm() {
	parent.closeWindown();
	location.href="../VOD/index.jsp";
	
}
//弹出层调用
function popTips(){
	showTipsWindown("温馨提示",'simTestContent', 300, 65);
}
</script>

 

						<div style="display:none;">
							<div id="simTestContent" class="simScrollCont">
								<div class="mainlist">
									<span style="font-size:12px;">您尚未登录或登录已过期,请重新登录......</span>
								</div>
								<div class="btnbox"><input type="button" id="confirmTerm" value="确定" onClick="confirmTerm();" class="confirmBtn"/></div>
							</div><!--simTestContent end-->
						</div>

 

  • js.rar (2.4 KB)
  • 下载次数: 7
分享到:
评论

相关推荐

    jquery.弹出框jquery.弹出框

    弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出框jquery.弹出...

    Jquery自带弹出框效果

    当我们谈论“Jquery自带的弹出框效果”时,实际上是指jQuery UI中的几个对话框组件,如`dialog()`函数。这些弹出框不仅提供了基本的提示功能,还能实现复杂的交互式窗口,为用户界面添加丰富的用户体验。 1. **...

    jquery div 弹出框

    "jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。这种弹出框通常用于显示警告、确认信息、详细内容或表单等。以下将详细讲解如何实现jQuery div弹出...

    jquery弹出框

    在本项目中,"jquery弹出框"指的是利用jQuery实现的一种交互式弹出层效果,类似于QQ聊天窗口中的弹出对话框。这种弹出层允许用户自定义关闭机制,并可以调整大小、改变位置,同时附带有遮罩效果,增强了用户体验。 ...

    jquery弹出框带实例

    首先,理解jQuery弹出框的基本概念。在网页交互中,弹出框通常用于提示信息、获取用户输入或者展示详细内容。常见的弹出框有警告对话框、确认对话框和自定义模态窗口。jQuery本身并不直接提供弹出框功能,但可以通过...

    自定义 jquery 弹出框 demo1

    本文将详细解析如何利用HTML、CSS和jQuery来创建一个自定义的弹出框,即"自定义jquery弹出框demo1"。 首先,我们需要理解HTML结构。在创建弹出框时,我们通常会有一个隐藏的div元素,这个div包含了弹出框的所有内容...

    CSS3动画过渡的jquery动态弹出框插件_弹出框_

    本主题聚焦于利用CSS3动画过渡效果和jQuery库创建动态弹出框插件。这种结合使得弹出框不仅功能强大,还能提供平滑、吸引人的视觉体验。 首先,让我们了解CSS3中的动画和过渡。CSS3的`transition`属性允许我们在更改...

    jquery弹出框样式

    总结来说,创建好看的jQuery弹出框样式涉及HTML结构设计、CSS样式定制以及jQuery事件处理。通过这些技术,我们可以实现交互性强且视觉效果出色的弹出框,从而提高网站或应用的用户满意度。实践过程中,不断调整和...

    jquery 弹出框

    **jQuery弹出框详解** jQuery库为Web开发者提供了一种简单、优雅的方式来处理页面上的弹出框。在本文中,我们将深入探讨jQuery弹出框的使用,包括它的工作原理、如何创建以及如何自定义以满足特定需求。 首先,...

    jquery Dialog 弹出框 很漂亮 实用

    jQuery Dialog 是一个功能强大的弹出框插件,它是 jQuery UI 库的一部分,广泛应用于网页交互设计中,提供美观且可自定义的对话框效果。在实际项目中,它以其高效和易用性受到开发者的喜爱。 Dialog 弹出框的核心...

    弹出框 jquery 真实案例

    本篇文章将深入探讨如何使用jQuery实现弹出框的真实案例,并分享一些关键知识点。 首先,我们来理解弹出框的基本概念。弹出框是一种阻断用户与页面其余部分交互的窗口,直到用户对弹出框进行操作或关闭它。常见的弹...

    jQuery弹出框

    jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框 jQuery弹出框

    Jquery 弹出框

    **jQuery弹出框详解** 在Web开发中,用户交互是至关重要的,而弹出框(Modal)作为一种常见的交互方式,可以有效地吸引用户的注意力并提供额外的信息或操作选项。jQuery库,作为JavaScript的一个强大工具,提供了...

    Jquery 黑色弹出框demo

    "Jquery 黑色弹出框demo" 是一个基于jQuery实现的特定功能示例,主要用于展示如何在网页上创建一个具有黑色背景的弹出窗口,这种效果通常用于提示信息、警告对话框或者用户交互。在这个demo中,我们将会讨论以下几个...

    jQuery弹出层插件三种简单遮罩弹出框效果

    本文将深入探讨标题所提及的"jQuery弹出层插件三种简单遮罩弹出框效果",以及如何利用jQuery实现这些效果。 首先,让我们了解什么是弹出层和遮罩弹出框。弹出层(Popup Layer)是一种常见的网页交互设计,当用户...

    jQuery点击显示弹出框关闭按钮代码.zip

    总之,这个资源提供了一个基础的jQuery弹出框实现,对于初学者来说是很好的学习材料。通过理解并实践这段代码,你可以掌握如何使用jQuery处理DOM事件、控制元素的显示状态,以及如何结合HTML和CSS构建交互式的网页...

    jQuery 动态弹出框

    jQuery,作为一款强大的JavaScript库,为创建这种动态弹出框提供了便利。本篇文章将深入探讨如何利用jQuery实现动态弹出框,特别关注如何实现类似于Lightbox的效果。 首先,理解jQuery的核心概念至关重要。jQuery...

    jquery右下角弹出框

    "jquery右下角弹出框"是利用jQuery实现的一种常见的用户体验设计元素,通常用于显示通知、消息或者提示信息,不打断用户对页面主要内容的浏览。这种弹出框位于网页的右下角,既不会完全遮挡视线,又能引起用户的注意...

    Jquery 弹出框样式

    "Jquery 弹出框样式"是jQuery的一个重要应用,涉及到用户交互和界面反馈的设计。弹出框通常用于显示警告、确认信息或者提供更详细的交互内容,而其样式则直接影响到用户体验。 弹出框主要有以下几种类型: 1. **...

Global site tag (gtag.js) - Google Analytics