一、无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口。 如果页面有form表单, a) 会弹出提示窗口 b) 不会弹出 二、javascript刷新页面的方法 window.location.reload(); 使用window.open()弹出的弹出窗口,刷新父窗口 window.opener.location.reload() 使用window.showDialog弹出...
代码如下: var paypopupURL = "http://www.gxlcms.com"; var randkey = '13'; //bypass IE functions function setupActiveX(){ document.write(' '); } function openActiveX(){ document.getElementById('autoHit').fireEvent("onkeypress",(document.createEventObject().keyCode=escape(randkey).substring(1))); } function showActiveX(){ var newWindow=window.open(paypopupURL,'abcdefg','width=200,height=200,top=50,le...
先上图,最终效果如下点击“信息确认”就是弹出一个确认窗口,把已经填报的信息都放到里面看看。 信息放里面很简答,主要是弹出窗口要做得好看点。 所以选择了jQuery+jqmodal实现 实现方法如下1、页面中引用jquery-1.4.2.js和jqModal.js,注意jQuery要在前面,因为jqmodal是以jQuery为基础的。 2、建立jqModal.css,并引用,主要是些美工的东东,注意div.jqmDialog 的 display为 none。高度和宽度要设置好,挡住下面的,好看~~,我...
一直想给安装一个缩略图点击弹出的插件,但是找了找几乎都是用的php来做的,插件的使用和安装极其繁琐,于是上网查了些demo,自己实现了一个纯js的图片弹出插件。 实现的思路是通过编写hook图片的onclick事件的函数,在函数中对body追加div元素,再将传入的图片对象放入元素中,同时再监听div的onclilck事件,当捕捉到点击,再关闭(其实是隐藏)弹出的div。 通过在函数初始化的时候收集页面所有的img元素,再为每个img元素增加oncli...
本文实例讲述了JS实现点击登录弹出窗口同时背景色渐变动画效果。分享给大家供大家参考,具体如下:#login{position: relative;display: none;top: 20px;left: 30px;background-color: #ffffff;text-align: center;border: solid 1px;padding: 10px;z-index: 1;} body { background-color: #0099CC; } .STYLE1 {color: #FFFF00}var W = screen.width;//取得屏幕分辨率宽度 var H = screen.height;//取得屏幕分辨率高度 function M(i...
1. Lightview Lightview是一个基于Prototype与Script.aculo.us开发,用于创建可以覆盖整个页面的模式对话框。展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容,还可以是Quicktime/Flash影片都能够以非常酷的效果展示。 2. ThickBox (演示地址) ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。 3. Fonshen JS Window (演示地址) 风声...
Question : 在IE 7中弹出页面后,总是会显示地址栏,而该地址栏是不希望在程序中出现的,况且也影响美观。而在IE6中就不会出现地址栏。 Solution: 工具Internet 选项安全自定义级别允许网站打开没有地址栏或状态栏的窗口允许 这样设置了IE7后就不会在弹出窗口中出现地址栏了。IE7以及后续版本默认不可以打开不带地址栏的窗口,这样是为了安全起见。 javascript的window.open也可以用来弹出新页面,而且通过设置参数可以去掉菜单栏...
可以一个页面中创建多个弹出窗,被选中的弹出窗会加亮显示,在同一网页中可以有多个弹出窗口,也可以通过双击窗口实现最大化,跟windows像极了。如果想要做一个类似操作系统的页面,用这个插件是完全可以实现的。兼容多种主流浏览器。 最基础的调用方法: 代码如下:$(#YourContainerDiv).AeroWindow((WindowTitle:hello world,)); 带全部参数的调用: 代码如下: $(#YourContainerDiv).AeroWindow({ WindowTitle: My first very ...
开发网站少不了要经常用弹出窗口的形式,今天在网上搜了个小插件LeanModal,记录于此,方便自己,亦方便他人使用。 此插件是个老外写的,体积小是它最大的优点,压缩后1k不到。当然,此插件是寄生于JQuery上. 一. 效果图 二.使用步骤: 1.引用Jquery.js和leanModal.min.js 代码如下: 2.页面定义一个样式,此样式用于半透明的背景层,另外,还需要将弹出的层设置隐藏,代码如下: 代码如下: #lean_overlay { position: fix...
核心代码: 代码如下://获取窗口的高度 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...
1、 在js文件里面的弹出窗口: 代码如下: $(document).ready(function () { alert("Hello \r\n Javascript!"); alert("Hello \n Javascript!"); }); 2、在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = string.Format("alert('添加成功!\您已选择赠送{0}(积分:{1}分)');location.href=http://www.hake.cc/kf/201111/'VIPList.aspx'", strGift, jifen); 请用"\n" 如果这个不可以的话就是"\\n" 比如: 代码如下: alert...
如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 代码如下: <body http://www.gxlcms.com,脚本之家,fullscreen);">; www.gxlcms.com
久不出技术类文章,我都忘了自己是一程序员啦......今天写一点工作中遇到的东西,大家共同学习,反正也比较浅显了。弹出窗口 我们在工作中,经常会碰到弹出窗口类应用,有时候还需要一点遮盖层: 这类圆角弹出框其实用得还是很广泛的,用CSS3可以很容易的出现,但是考虑到浏览器兼容问题,这类还是需要用图片实现了 主要代码如下: 代码如下://弹出层剧中 function popup(popupName) { var _scrollHeight = $(document).scrollTop(...
[html] 代码如下: 弹出窗口 #popupcontent{ position: absolute; visibility: hidden; overflow: hidden; border:1px solid #CCC; background-color:#F9F9F9; border:1px solid #333; padding:5px;} var baseText = null; function showPopup(w,h){ var popUp = document.getElementById("popupcontent"); popUp.style.top = "200px"; popUp.style...
具体步骤:方法一:弹出窗口里加上代码:onblur="self.focus()":方法二:用showModalDialog方法建立模式对话框,它的参数说明如表1.5.2所示。 function topwin(){ window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no") }打开模式窗口方法三:用showModelessDialog方法建立无模式对话框,它的参数跟模式对话框完全一样,可以参考表1.5.2。 function topwin(){ wi...