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 相关文章推荐
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
Array栈方法和队列方法的特点说明
Jan 24 Javascript
jQuery表单验证功能实例
Aug 28 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
使用JavaScript生成罗马字符的实例代码
Jun 08 Javascript
JQuery扩展对象方法操作示例
Aug 21 jQuery
vue组件实现移动端九宫格转盘抽奖
Oct 16 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关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
弹出窗口并且此窗口带有半透明的遮罩层效果
2014/03/13 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
vue webuploader 文件上传组件开发
2017/09/23 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python实现百度关键词排名查询
2014/03/30 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
python实现二叉树的遍历
2017/12/11 Python
Numpy中的mask的使用
2018/07/21 Python
python使用正则筛选信用卡
2019/01/27 Python
Python中文编码知识点
2019/02/18 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
Django之form组件自动校验数据实现
2020/01/14 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
用Python开发app后端有优势吗
2020/06/29 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
高中同学聚会邀请函
2014/01/11 职场文书
好邻里事迹材料
2014/01/16 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
《赠汪伦》教学反思
2014/04/12 职场文书
安全责任书模板
2014/07/22 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书
史上最全书信经典范文大全(建议收藏)
2019/07/10 职场文书
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库
MySQL示例讲解数据库约束以及表的设计
2022/06/16 MySQL