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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
如何在指定的地方插入html内容和文本内容
Dec 23 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
教你用Cordova打包Vue项目的方法
Oct 17 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
webpack v4 从dev到prd的方法
Apr 02 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
vue-router 中 meta的用法详解
Nov 01 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实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
jquery实现图片预加载
2015/12/25 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
vue调用高德地图实例代码
2017/04/28 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
Node 代理访问的实现
2019/09/19 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
详解Vue之计算属性
2020/06/20 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
[03:55]DOTA2完美大师赛选手传记——LFY.MONET
2017/11/18 DOTA
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
Python实现矩阵转置的方法分析
2017/11/24 Python
python+pyqt5实现KFC点餐收银系统
2019/01/24 Python
如何基于Python创建目录文件夹
2019/12/31 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
德国富尔达运动鞋店:43einhalb
2020/12/25 全球购物
什么是规则表达式
2012/05/03 面试题
社区工作者思想汇报
2014/01/13 职场文书
党建工作经验交流材料
2014/05/25 职场文书
社区党建工作汇报材料
2014/10/27 职场文书
教师求职自荐信范文
2015/03/04 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
Nginx缓存设置案例详解
2021/09/15 Servers
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python