js实现点击链接后窗口缩小并居中的方法


Posted in Javascript onMarch 02, 2015

本文实例讲述了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>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
浅谈JS中this在各个场景下的指向
Aug 14 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
package.json各个属性说明详解
Mar 11 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
Mar 02 #Javascript
Javascript动画的实现原理浅析
Mar 02 #Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 #Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 #Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 #Javascript
EasyUI实现第二层弹出框的方法
Mar 01 #Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 #Javascript
You might like
用PHP生成html分页列表的代码
2007/03/18 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
用js重建星际争霸
2006/12/22 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
sails框架的学习指南
2014/12/22 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
VueCli3.0中集成MockApi的方法示例
2019/07/05 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
[03:07]完美世界DOTA2联赛PWL DAY10 决赛集锦
2020/11/11 DOTA
Python数据类型详解(一)字符串
2016/05/08 Python
Python3 中文文件读写方法
2018/01/23 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
Python模块future用法原理详解
2020/01/20 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
大学生自荐书范文
2013/12/10 职场文书
人事专员的岗位职责
2014/03/01 职场文书
劲霸男装广告词
2014/03/21 职场文书
说明书范文
2014/05/07 职场文书
设计大赛策划方案
2014/06/13 职场文书
销售员试用期自我评价
2014/09/15 职场文书
奖学金感谢信
2015/01/21 职场文书
入党团支部推荐意见
2015/06/02 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python
Python预测分词的实现
2021/06/18 Python
node.js如何自定义实现一个EventEmitter
2021/07/16 Javascript