js实现点击链接后窗口缩小并居中的方法
更新时间：2015年03月02日 09:13:11 投稿：shichen2014
这篇文章主要介绍了js实现点击链接后窗口缩小并居中的方法,实例分析了javascript操作窗口的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了js实现点击链接后窗口缩小并居中的方法。分享给大家供大家参考。具体分析如下：
这是一个简单的JS特效，以前没有见到过，就是当点击页面上指定文字链接的时候，页面窗口缩小，并居中显示，然后在居中的窗口中显示链接内容，但愿这些网页特效能在日后派上用场
复制代码 代码如下:
<HTML><HEAD>
<TITLE>窗口的缩小居中</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
<span class="STYLE1">窗口的缩小居中显示</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FFFF border=5 borderlight="green">
<TBODY>
<TR>
<TD align=middle><div align="center"><span class="STYLE2">JS效果显示</span></div></TD>
</TR>
<TR>
<TD align=left>
<div align="center">
<SCRIPT>
function this_win(w,h){
var ww=window.screen.width*w/100;
var hh=window.screen.height*h/100;
window.resizeTo(ww,hh);
window.moveTo(Math.ceil((window.screen.width-ww)/2),Math.ceil((window.screen.height-hh)/2));
}
</SCRIPT>
<A onclick=this_win(50,50) href="#">点击这里，百度一下</A>
</div></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>
<TITLE>窗口的缩小居中</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
<span class="STYLE1">窗口的缩小居中显示</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#00FFFF border=5 borderlight="green">
<TBODY>
<TR>
<TD align=middle><div align="center"><span class="STYLE2">JS效果显示</span></div></TD>
</TR>
<TR>
<TD align=left>
<div align="center">
<SCRIPT>
function this_win(w,h){
var ww=window.screen.width*w/100;
var hh=window.screen.height*h/100;
window.resizeTo(ww,hh);
window.moveTo(Math.ceil((window.screen.width-ww)/2),Math.ceil((window.screen.height-hh)/2));
}
</SCRIPT>
<A onclick=this_win(50,50) href="#">点击这里，百度一下</A>
</div></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript定时器的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了javascript二维数组和对象的深拷贝与浅拷贝,结合实例形式分析了JavaScript针对数组与对象的深拷贝及浅拷贝相关操作技巧,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了JS实现获取进今年第几天是周几的方法,结合实例形式对比分析了JavaScript进行日期与天数运算相关操作技巧与注意事项,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了关于JS中的箭头函数,ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义,箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=>来定义函数，省去关键字function,需要的朋友可以参考下2023-05-05
本文主要介绍了js实现0ms延时定时器的几种方式，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章主要介绍了微信小程序框架的页面布局代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
利用纯js + transition动画实现移动端web轮播图详解
这篇文章主要给大家介绍了利用纯js + transition动画实现移动端web轮播图的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
在微信小程序开发时,经常要用到一个控件会根据不同的情况和环境动态显示与隐藏这种情况,下面这篇文章主要给大家介绍了关于微信小程序控制view隐藏显示的5种方法,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了JS中对Cookie的具体操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
如果说让JavaScript读取站点上一文本文件,那不过是个再简单不了的事了；但若说要换成一个二进制的文件，并且是完全静态的读取,那似乎有点天方夜谭了。2009-04-04
最新评论