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 相关文章推荐
JS中 用户登录系统的解决办法
Apr 15 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
JavaScript保存并运算页面中数字类型变量的写法
Jul 06 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
Electron vue的使用教程图文详解
Jul 05 Javascript
详解package.json版本号规则
Aug 01 Javascript
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
Aug 23 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
运行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函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
JavaScript更改class和id的方法
2008/10/10 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
浏览器常用高宽的jquery插件
2011/02/24 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
通过命令行创建vue项目的方法
2017/07/20 Javascript
angular4自定义组件详解
2017/09/28 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
python中time.ctime()实例用法
2021/02/03 Python
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
售后主管岗位职责
2013/12/08 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android