1.居中弹出窗口,并逐步扩大
linenum
- <scripttype="text/javascript">
- //<![CDATA[
- if(navigator.appName=="MicrosoftInternetExplorer"){
- //最大化窗口
- self.moveTo(-5,-5)
- self.resizeTo(screen.availWidth+8,screen.availHeight+8)
- //这个脚本定义的宽度其实比原窗口还要大那么一点.
- }
-
- varw=h=200;
- x=(screen.width-w)/2;
- y=(screen.height-h)/2;
- varn=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);
- n.document.write('
- <script>
- document.write("temp");/*临时内容,去掉出错*/
- document.body.innerHTML="";/*清空页面内容*/
- document.onclick=function()/*单击关闭窗口*/
- </script>');
- n.document.write('<h2>testmovingwindow</h2>');
- n.focus();
-
- vartimer=setInterval('fMovingWin()',1);
-
- functionfMovingWin(){
- if(n.closed||(w>=screen.width+8&&h>=screen.height+8)){
- clearInterval(timer);
- return;
- }
- try{
- if(w<=screen.width+8)w+=2;
- if(h<=screen.height+8)h+=2;
- n.resizeTo(w,h)
- x=(screen.width-w)/2;
- y=(screen.height-h)/2;
- n.moveTo(x,y)
- }catch(e){}//shawl.qiuscript
- }
-
- //]]>
- </script>
2.居角弹出窗口,并逐步扩大
linenum
- <scripttype="text/javascript">
- //<![CDATA[
- if(navigator.appName=="MicrosoftInternetExplorer"){
- //最大化窗口
- self.moveTo(-5,-5)
- self.resizeTo(screen.availWidth+8,screen.availHeight+8)
- //这个脚本定义的宽度其实比原窗口还要大那么一点.
- }
-
- varw=h=200;
- x=y=-5;
- varn=open('','newWin','width='+w+',height='+h+',left='+x+',right='+x+',top='+y+',bottom='+y);
- n.document.write('
- <script>
- document.write("temp");/*临时内容,去掉出错*/ document.body.innerHTML="";/*清空页面内容*/
- document.onclick=function()/*单击关闭窗口*/
- </script>');
- n.document.write('<h2>testmovingwindow</h2>');
- n.focus();
-
- vartimer=setInterval('fMovingWin()',1);
-
- functionfMovingWin(){
- if(n.closed||(w>=screen.width+8&&h>=screen.height+8)){
- clearInterval(timer);
- return;
- }
- try{
- if(w<=screen.width+8)w+=2;
- if(h<=screen.height+8)h+=2;
- n.resizeTo(w,h)
-
- //从右下角逐步扩大窗口
- /*x=screen.width-w
- y=screen.height-h
- n.moveTo(x,y)*/
-
- //从左上角逐步扩大窗口
- n.moveTo(x,y)
- }catch(e){}//shawl.qiuscript
- }
-
- //]]>
- </script>
3.附加:双击滚屏,单击停止,以Scrollbar的相对位置滚屏
linenum
- <scripttype="text/javascript">
- //<![CDATA[
- functionscb()
- document.onmousedown=function()catch(e){}}
- document.ondblclick=function()
- //]]>//shawl.qiuscript
- </script>
注意: 拷贝代码后需要 查找 " ", 并替换为 "". (不加引号)
原因: CSDN 的编码器在行末自动添加空格符" ", 而这段代码正好使用 js 的 在行末作为行链接, 因此行末就是空格, 而不是 , 需要手动转正.
分享到:
相关推荐
3. **可定位在指定位置的弹出窗口**:开发者可以通过JS代码控制弹出窗口在屏幕上的具体位置,比如居中、靠左、靠右或指定坐标,以适应不同场景的需求。 4. **可控制父级页面的弹出窗口**:这种功能允许弹出窗口与...
弹出位置居中显示的新窗口JS代码,根据屏幕大小可以自动调节新窗口大小。
3. 弹出窗口居中:由于设置了`justify-content: center`和`align-items: center`,弹出窗口会自动在主轴和侧轴上居中显示。这适用于任何大小的弹出窗口,且当窗口大小变化时,仍然保持居中。 4. 遮罩层效果:为了...
javascript弹出窗口居中代码 下面给两个弹出屏幕居中窗口的例子 代码如下:window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height...
### JS弹出层居中可移动技术解析 #### 一、引言 在网页开发过程中,弹出层(Modal)是一种常见的交互设计模式,用于在当前页面上展示额外的信息或功能,而无需重新加载页面。其中,弹出层能够居中显示并且可以被...
标题“弹出层居中”涉及的是网页设计中常见的用户界面元素布局问题,特别是使用JavaScript库如jQuery实现的弹出窗口或对话框的居中显示。在这个场景中,"TestJQueryMaskLayer"可能是一个使用jQuery实现的遮罩层插件...
### 弹出窗口大全(js)知识点详解 #### 一、基本概念 在Web开发中,JavaScript经常被用来创建各种交互式功能,其中弹出窗口是非常常见的一个应用场景。它主要用于显示额外的信息、表单或者对话框等,对于提高用户...
### 弹出窗口代码大全详解 #### 一、引言 在网页开发中,弹出窗口是一种常见的交互方式,它可以用于展示广告、提供额外信息或引导用户进行特定操作等。根据给定文件“弹出窗口代码大全.txt”的描述,本文将详细...
在ASP.NET框架中,结合JavaScript和CSS,我们可以创建一个高性能、高用户体验的弹出窗口,使其在任何屏幕分辨率下都能保持居中状态。 首先,我们需要理解ASP.NET的基础。ASP.NET是由微软开发的一种服务器端Web应用...
标题“javascript IE窗口居中”涉及的是在Internet Explorer(IE)浏览器中,使用JavaScript实现弹出窗口自动居中的技术。JavaScript是一种广泛应用于网页和网络应用的脚本语言,它允许开发者在用户与网页交互时动态...
在网页设计中,CSS(Cascading Style Sheets)和JavaScript(JS)经常被结合使用来实现各种交互效果,其中一种常见的应用就是创建弹出窗口。弹出窗口可以在用户执行特定操作,如点击按钮时,显示额外的信息或者进行...
在网页开发中,有时我们需要创建一个弹出窗口来显示特定的内容,例如对话框或提示信息。这个过程可以通过JavaScript实现,并且让窗口居中显示在用户的屏幕前,提供更好的用户体验。本示例将详细介绍如何使用...
6. `jquery.bbfpopup.min.js`:这是自定义的jQuery插件文件,包含了弹出窗口功能的代码。 7. `jquery.bgiframe.min.js`:这是一款jQuery插件,用于解决IE浏览器下浮动元素与背景图片的Z-index问题,确保弹出窗口能够...
弹出窗口的居中显示通常需要计算浏览器窗口的大小和弹出窗口的大小,然后设置弹出窗口的位置。这可以通过JavaScript的window.open方法实现,通过指定窗口的坐标参数使其相对于屏幕中心定位。 4. **鼠标指针滑过...
### AJAX技术与弹出窗口代码详解 在网页开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的局部更新,无需重新加载整个页面,从而提升了用户体验。而弹出窗口作为网页交互设计中常见的一...
4. 封装和模块化:为了代码的可维护性,弹出窗口的逻辑可能被封装在一个单独的JavaScript模块或函数中,以便于复用和扩展。 5. 浏览器兼容性:考虑到不同的浏览器可能对某些CSS属性或JavaScript语法有不同的支持程度...
总结来说,文章提供了一个使用jQuery实现弹出窗口居中、居左、居右三种显示方式的示例代码,其中涉及了窗口高度和宽度的获取、元素定位的计算以及通过JavaScript动态修改样式属性的操作,是对前端JavaScript动态页面...
然后,我们可以通过JavaScript来控制弹出窗口的显示和隐藏,以及背景层的透明度变化。这里我们可以使用jQuery库,因为它提供了丰富的DOM操作和动画功能: ```javascript $(document).ready(function() { // 打开弹...
在JavaScript中,打开新的窗口是常见的操作,常用于创建弹出窗口、链接跳转或显示特定内容。本文将深入探讨如何使用JavaScript打开新窗口,并实现窗口居中和自定义窗口属性。 首先,我们来了解基本的`window.open()...