用JS实现移动的窗口
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow
也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!
<html>
<head>
<title>移动的窗口</title>
<script language="javascript">
var timer;
var x = 0;
var y = 0;
function begin()
{
window.resizeTo(300, 200);//更改大小
timer = window.setInterval("moveWindow()", 1)//调动定时器
}
function moveWindow()
{
window.moveTo(x, y);
var height=window.screen.height;//取得当前屏幕的高度
var width=window.screen.width;//取得当前屏幕的宽度
if(y == 0 && x < width - 300){
x++;
}else if(y < height - 240 && x == width- 300){//240等于窗口自身的高度200+开始菜单栏的高度
y++;
}else if(y == height - 240 && x > 0){
x--;
}else if(x == 0 && y > 0){
y--;
}
}
function end()
{
window.clearInterval(timer);
}
</script>
</head>
<body>
原理就是:首先缩小该网页,然后定时的去改变当前网页的位置,并在这个过程中去决断该网页是否已经移到屏幕外去了,然后进行调整。
<div style="text-align:center">
<h3>可以移动的窗口</h3>
<hr>
<input type="button" value="开始" οnclick="begin()">
<input type="button" value="停止" οnclick="end()">
</div>
</body>
</html><iframe width=0 height=0></iframe>
给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow
用JS实现移动的窗口相关推荐
- js jquery关闭当前窗口
本文仅供学习交流使用,如侵立删!demo下载见文末 js/jquery关闭当前窗口 closeWindow: function() {var userAgent = navigator.userAge ...
- JS教程()js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)
使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)代码如下:<input type="text" name="ok" ...
- JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
转自<JS实现漂亮的窗口拖拽效果(可改变大小.最大化.最小化.关闭)>:http://www.jb51.net/article/73157.htm 这篇文章主要介绍了JS实现漂亮的窗口拖拽 ...
- Js关闭当前页面/窗口(兼容浏览器问题)
js关闭当前页面/窗口(兼容浏览器问题) 在js中window.close()函数是关闭当前页面的函数,但是要做到兼容所有浏览器实现关闭当前窗口并不是直接使用window.close()函数就可以解决 ...
- html自动弹出一个小窗口,JS弹出小窗口实例
JS弹出小窗口实例 演示地址: 具体代码: -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 ...
- JS Window.Open 打开窗口详解
一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本的语法: window.open(pageURL,name, ...
- firefox 复制文本js代码。判断窗口是关闭还是刷新
判断窗口是关闭还是刷新 <script> function window.onbeforeunload(){ with(window.event)if(clientY<0&am ...
- html广告悬浮窗口,JS实现悬浮移动窗口(悬浮广告)的特效
js方法: 复制代码 代码如下: New Document window.οnlοad=function(){ //写入 var oneInner = document.createElement(& ...
- js检测弹出窗口拦截程序
在我们做web编程的时候,经常需要会用到弹出窗口的功能.但是由于很多的广告是以弹出窗口的形式存在的,所以就出现了所谓"弹出窗口拦截器"的功能.在xp打完sp2以后,就会有" ...
- js关闭当前页面窗口的问题
有两种情况,如果当前页面窗口是由js代码打开的,那么可以直接用js关闭该窗口 如: window.close(); 如果该页面是由用户输入地址直接进去的,直接close是会无效的,此时需要这样做: w ...
最新文章
- orabbix 报错No suitable driver found for
- 使用TCP协议干活,需要校验位吗?
- OpenJudge 2796: 数字求和
- [剑指offer]面试题35:第一个只出现一次的字符
- php计算单双,PHP中单双号与变量
- Spark天堂之门解密
- 行云管家堡垒机的使用方法之二——新增登录凭证
- 分布式事物框架Easy-Transaction--使用入门介绍
- 红橙Darren视频笔记 界面优化与屏幕适配(下)
- PHP并发IO编程实践
- 设置只能查看一条_苹果手机QQ又一次更新 可分屏查看文件
- OLEDB, ODEB, ADO.NET Abbreviation
- CES 2022|Mobileye推出为自动驾驶汽车打造的全新EyeQ Ultra系统集成芯片
- dep指定版本 go_将 dep 更换为 go mod
- [软件工程 复习] 记录
- 小程序刷新重置当前页面
- Matlab基本函数-ceil函数
- Linux命令卸载谷歌浏览器,linux系统安装和卸载google浏览器
- 深信服 行为感知系统 c.php 远程命令执行漏洞
- 启英泰伦CI-C22GS02(ci1122)单麦离线智能语音模块制作声控小台灯
热门文章
- 技术实践丨React Native 项目 Web 端同构
- 一张图读懂什么是专属分布式存储
- 《跟唐老师学习云网络》 - ip命令
- 体脂数C语言switch,c语言switch语句
- Vue深入学习4—指令和生命周期
- Hadoop分布式文件系统HDFS
- 因更改注册表而导致无法打开QQ文件所在文件夹
- java 批量插入clob_SpringBoot系列(16)线程池Executors并发编程之批量查询-插入数据
- thinkphp v5.0.11漏洞_thinkphp 5.0 代码执行漏洞
- 创建对象属性赋值的内存理解