如果你还不会,可以看看下面这个简单的例子。 代码如下:<html><head><title>弹出一个窗口后,后面的层不可操作</title><script>function show() //显示隐藏层和弹出层{ var hideobj=document.getElementById("hidebg"); hidebg.style.display="block"; //显示隐藏层 hidebg.style.height=document.body.clientHeight+"px"; //设置隐藏层的高度为当前页面高度 document.getElementById("hidebox").style.display="block"...
window.open 弹出窗口的位置 问题.记录一下 代码如下:<SCRIPT LANGUAGE="javascript"> <!-- window.open (page.html, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no) //这句要写成一行 --> </SCRIPT> 参数解释: <SCRIPT LANGUAGE="javascript"> js脚本开始; window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口...
本章节介绍一下如何点击一个按钮实现弹出一个居中窗口,并且此窗口带有半透明的遮罩层效果,此效果在当下比较流行,当然还有更为复杂的实现方式,当然效果也更为绚丽,下面介绍的代码能够简单实现此小姑。 代码如下: 代码如下:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> #fade { display:none; position:...
代码如下:<html><head><title>网页特效-窗口特效-弹出窗口后网页背景变暗的效果</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><!--把下面代码加到<head>与</head>之间--><style type="text/css">.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}.white_conten...
最近在做一个功能需要弹窗,但是不能用get方式,因为get方式对url的长度有限制,所以必须用post,总结了两个方法 1. 代码如下:var $form1=$("<form action="+url+" id=f name=f method=post></form>"); $form1.append($("<input type=hidden name="+i+" value="+params[i]+"/>")); var scriptStr="<script type=text/javascript>document.f.submit();</script>"; $("body").append($form1); var newWindow=openwin("",null,800,600); ...
showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法. 使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 参数说明: sURL-- 必选参数,类型:字符串。用来指定...
JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域,并在开始时将其隐藏,只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。 其大致步骤为: ?创建一个装载弹出窗口的div 代码如下:<html> <head> <title>jQuery实例1:浮动窗口</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <mce:script type="text/javascript" src="jslib/jquery.js" mce_src="jslib/jque...
代码如下://关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<script language=javascript>window.close();</script>"); //关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script>");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("</script>"); //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有this.Response.Write("<script l...
具体步骤:方法一:弹出窗口<body>里加上代码:onblur="self.focus()":<body onblur="self.focus()">方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示。<script> function topwin(){ window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no") }</script><button onClick="topwin()">打开模式窗口</button>方法三:用showModelessDialog方法建立...
[html] 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD> <TITLE>弹出窗口</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <style> #popupcontent{ position: absolute; visibility: hidden; overflow: hidden; border:1px so...
久不出技术类文章,我都忘了自己是一程序员啦......今天写一点工作中遇到的东西,大家共同学习,反正也比较浅显了。弹出窗口 我们在工作中,经常会碰到弹出窗口类应用,有时候还需要一点遮盖层: 这类圆角弹出框其实用得还是很广泛的,用CSS3可以很容易的出现,但是考虑到浏览器兼容问题,这类还是需要用图片实现了 主要代码如下: 代码如下://弹出层剧中 function popup(popupName) { var _scrollHeight = $(document).scrollTo...
如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 代码如下:<html> <body //www.gxlcms.com,脚本之家,fullscreen);">; <b>www.gxlcms.com</b> </body> </html> 2.弹启一个被F11化后的窗口 代码如下:<html> <body //www.gxlcms.com,脚本之家,channelmode);">; <b>www.gxlcms.com</b> </body> </html> 3.弹启一个带有收藏链接工...
1、 在js文件里面的弹出窗口: 代码如下:<script type="text/javascript"> $(document).ready(function () { alert("Hello \r\n Javascript!"); alert("Hello \n Javascript!"); }); </script> 2、在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = string.Format("<script>alert(添加成功!\\n 您已选择赠送{0}(积分:{1}分));location.href=http://www.hake.cc/kf/201111/VIPList.aspx</script>", strGift, jifen); 请用"...
核心代码: 代码如下://获取窗口的高度 var windowHeight; //获取窗口的宽度 var windowWidth; //获取弹窗的宽度 var popWidth; //获取弹窗高度 var popHeight; function init(){ windowHeight=$(window).height(); windowWidth=$(window).width(); popHeight=$(".window").height(); popWidth=$(".window").width(); } //关闭窗口的方法 function closeWindow(){ $(".title img").click(function(){ $(this).parent().parent().hi...
开发网站少不了要经常用弹出窗口的形式,今天在网上搜了个小插件LeanModal,记录于此,方便自己,亦方便他人使用。 此插件是个老外写的,体积小是它最大的优点,压缩后1k不到。当然,此插件是寄生于JQuery上. 一. 效果图 二.使用步骤: 1.引用Jquery.js和leanModal.min.js 代码如下:<script src="Javascript/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="Javascript/jquery.leanModal.min.js" type="...