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 相关文章推荐
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 Javascript
jQuery中extend函数详解
Feb 13 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
May 03 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
js实现抽奖的两种方法
Mar 19 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加密解密函数(动态加密)
2013/06/19 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
Javascript 去除数组的重复元素
2010/05/04 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
Vue.js实现输入框绑定的实例代码
2017/08/24 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
javascript for循环性能测试示例
2019/08/07 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
python自定义异常实例详解
2017/07/11 Python
python对配置文件.ini进行增删改查操作的方法示例
2017/07/28 Python
python监控键盘输入实例代码
2018/02/09 Python
Pycharm2017版本设置启动时默认自动打开项目的方法
2018/10/29 Python
python适合人工智能的理由和优势
2019/06/28 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
Python多线程的退出控制实现
2020/08/10 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
英国鞋网:Rubber Sole
2020/03/03 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
售后服务经理岗位职责
2014/02/25 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
医学生求职信
2014/07/01 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
成人成长感言如何写?
2019/08/16 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书