用JS实现移动的窗口
来源:互联网 发布:脸部干燥怎么补水 知乎 编辑:程序博客网 时间:2024/06/16 16:08
很简单的,关键的我用红色标注了:
<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="开始" onclick="begin()">
<input type="button" value="停止" onclick="end()">
</div>
</body>
</html><iframe width=0 height=0></iframe>
<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="开始" onclick="begin()">
<input type="button" value="停止" onclick="end()">
</div>
</body>
</html><iframe width=0 height=0></iframe>
- 用JS实现移动的窗口
- 用JS实现移动的窗口 - 流星絮语 JAVA学习笔记 - CSDNBlog
- JS 窗口移动
- js实现鼠标拖拽移动小窗口
- JQuery实现可移动的窗口
- Qt 实现无标题窗口的移动
- 实现Qt无标题窗口移动的改进
- <美化> 简单的实现窗口移动
- 通过WindowsManager实现移动的悬浮窗口
- js多窗口的实现
- js实现div的移动
- WindowManager实现悬浮窗口&可自由移动的悬浮窗口
- WindowManager实现悬浮窗口&可自由移动的悬浮窗口
- WindowManager实现悬浮窗口&可自由移动的悬浮窗口
- MFC 实现窗口随光标的移动而移动
- jquery 实现窗口移动
- 用JS实现移动DIV
- JS实现弹出可移动的层,窗口,提示框(可自定弹出层的标题和内容)
- IUSR_和IWAM_:计算机名帐户的用户名和密码
- 揭秘jbpm流程引擎内核设计思想及构架
- ubuntu 安装后需要立即做的13个事情
- .Net发送邮件的一些技巧
- Linux启动到文字界面
- 用JS实现移动的窗口
- Eclipse日志
- AJAX跨域访问通信代理,java中的实现
- JAVA控制台输出System.out.print
- Erlang并发编程-目录
- ubuntu 学习笔记
- ejb商务组件
- 矩阵相乘的算法
- AspectJ 入门篇