用链接控制页面小窗口的打开和关闭

最新推荐文章于 2021-06-20 21:50:25 发布
最新推荐文章于 2021-06-20 21:50:25 发布
阅读量751 收藏
点赞数
分类专栏： JS技巧 文章标签： animation function html

            用链接控制页面小窗口的打开和关闭

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>show</title> <style type="text/css"> #show{ display:none; margin:0px auto; background-color:#FF0000; } #txt{ width:760px; height:30px; margin:0px auto; background-color:#efefef; } </style> </head> <body> <div id=show> </div> <div id=txt> <a href="#" onClick="show()">Open</a> <a href="#" onClick="show2()">Close</a> </div> <script type="text/javascript"> function show(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); show.style.width = "0px"; show.style.height = "0px"; show.style.display = "block"; movement = setTimeout("animation()",0) } function animation(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); var xpos = parseInt(show.style.width); var ypos = parseInt(show.style.height); if (xpos == 760 && ypos == 420){ return true; } if (xpos < 760){ xpos++; } if (xpos > 760){ xpos--; } if (ypos < 420){ ypos++; } if (ypos > 420){ ypos--; } show.style.width = xpos + "px"; show.style.height = ypos + "px"; movement = setTimeout("animation()",0); } function show2(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); show.style.width = "760px"; show.style.height = "420px"; show.style.display = "block"; movement = setTimeout("animation2()",0) } function animation2(){ if (!document.getElementById) return false; if (!document.getElementById("show")) return false; var show = document.getElementById("show"); var xpos = parseInt(show.style.width); var ypos = parseInt(show.style.height); if (xpos == 0 && ypos == 0){ return true; } if (xpos < 0){ xpos++; } if (xpos > 0){ xpos--; } if (ypos < 0){ ypos++; } if (ypos > 0){ ypos--; } show.style.width = xpos + "px"; show.style.height = ypos + "px"; movement = setTimeout("animation2()",0); } </script> </body> </html>

lisky119
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NGUI 简单控制窗口打开和关闭
qq_26992359的博客
11-06 675
既然有了博客，就要写一个。即使我很菜  using UnityEngine; using System.Collections; public class UI_Manager : MonoBehaviour { Transform UImanager; // Use this for initialization void Start () { UIm
打开新窗口关闭当前页面不弹出关闭提示js代码
10-27
在JavaScript编程中，有时我们需要实现一个功能：当用户点击某个链接或者按钮时，不仅打开一个新的窗口，还要关闭当前页面，但不显示浏览器默认的关闭提示框。标题和描述中的问题正是关于这个需求，通过一段JS代码...
由控制浏览器窗口的打开和关闭
zgqtxwd的专栏
05-01 524
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
关闭窗口,返回原来链接
u012539826的专栏
11-18 525
很多时候我们需要打开新的窗口查看一些东西,有时候是删除,完了之后呢,我们需要返回原来的页面,就可以用下面的代码了 ..
JS中如何关闭手动打开的页面
lyz13469312003的博客
05-12 1533
    不多说了,上码吧:方式一:&lt;input type="button" name="exit" value="退出" onclick="self.close()"/&gt;    无需函数,直接调用全局对象的方法.清晰明了,简单粗暴方式二:来个函数        function clo(){ window.close(); }        ........        &...
JS关闭窗口与JS关闭页面的几种方法小结
10-26
在探讨JavaScript（JS）中关闭窗口和页面的方法时，文章列举了多种不同的方式，并按特定的使用场景进行了分类。以下是对文章中提及的知识点的详细解释： 1. JS定时自动关闭窗口：通过在JS中使用定时器（setTimeout...
JS关闭窗口或JS关闭页面的几种代码分享
10-26
- 有时需要在打开一个新窗口后关闭当前窗口，可以使用`window.open()`方法打开新窗口，并将新窗口的`opener`属性设置为当前窗口。之后，通过调用新窗口的`focus()`方法使其成为活动窗口，最后关闭当前窗口。 以上...
JavaScript关闭当前页面(窗口)不带任何提示
10-26
本文将详细解释如何使用JavaScript关闭当前页面或窗口，且不弹出任何提示信息。 1. 不带任何提示关闭窗口的js代码 实现不带任何提示关闭当前窗口的功能，可以通过直接调用window.close()方法来实现。但需要注意的是...
jsp页面中窗口关闭,退出的方式分享.docx
01-20
- **限制条件:** 当前窗口如果是由另一个窗口打开的，则可以被关闭;如果是浏览器直接打开，则无法被`window.close()`关闭。 #### 三、通过HttpSession清除Session实现退出功能 在Web应用中，为了实现用户的登录...
web关闭页面触发执行后台方法
Friendship_Small_Boat
03-08 6916
今天组长让我解决一下关闭页面、关闭窗口、关闭浏览器分别调用的方法。然后我想，那肯定是监听啊。然后我查了下监听方法，window.onbeforeunload() 关闭窗口、刷新页面之前， window.onunload()这个是之后。然后我写了几个demo演示给他看：我写到了body里，他说，这个只能监控一个界面啊。然后我改进了下，放到js里：其实和放body一样的，只是外部引入美观了一些。然后我
jsp中点击超链接关闭当前页面
lfhwh的专栏
07-17 3508
1.有关闭提示 关闭窗口 2.无关闭提示  function exit() { window.opener=null; window.open("","_self"); window.close(); }; 退出
离开或关闭页面时用js调用后台函数
WeiZhang_son_Ding的专栏
07-31 1619
－－必定会执行，如果看效果 function window.onbeforeunload(){  var obj = document.getElementById("Button1"); obj.click();alert("*************************");//加上此句话，可以跟踪到后台代码当中} (asp:button也可以)－－后台代码：  protected v
html弹窗超链接,点出超链接弹出一个小窗口
weixin_39630126的博客
06-20 2357
1.在js里先定义一个方法，用来打开窗口具体如下：?参数解释：?js脚本开始；window.open?弹出新窗口的命令；‘page.html‘?弹出窗口的文件名；‘newwindow‘?弹出窗口的名字(不是文件名)，非必须，可用空‘‘代替；height=100?窗口高度；width=400?窗口宽度；top=0?窗口距离屏幕上方的象素值；left=0?窗口距离屏幕左侧的象素值；toolbar=no...
js -- 打开新窗口（window.open）、关闭窗口（window.close）
热门推荐
bobobocai的博客
06-30 3万+
open() 方法可以查找一个已经存在或者新建的浏览器窗口。 语法： window.open([URL], [窗口名称], [参数字符串]) 参数说明: URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、...
JavaScript之窗口的打开与关闭
程序员
08-04 1601
damel3 #mywin{ display:none} function openwin(){ var win = document.getElementById("mywin"); win.style.display="block"; } function closemywin(){ var win = document.getElementById("
前端篇 -- 链接跳转，打开新窗口和本窗口
小达的博客
01-10 7032
在新窗口打开连接方式超链接&lt;a href="www.123.com" title="123" target="_blank"&gt;123&lt;/a&gt;等效于js代码window.open(“www.123.com");在当前窗口打开新连接超链接&lt;a href="www.123.comt" title="123"&gt;123&amp
JS弹出与关闭页面：代码示例
"JavaScript弹出与关闭页面窗口技术详解" ...JavaScript提供了丰富的功能来控制页面窗口的打开和关闭，开发者可以根据需求灵活运用。在实际应用中，需要注意浏览器的兼容性和用户体验，合理使用这些技术。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值