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 相关文章推荐
filemanage功能中用到的common.js
Apr 08 Javascript
javascript与CSS复习(《精通javascript》)
Jun 29 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 Javascript
js获取当前日期时间及其它操作汇总
Apr 17 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
JS返回顶部实例代码
Aug 09 Javascript
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
JS简单获得节点元素的方法示例
Feb 10 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
angular6的table组件开发的实现示例
Dec 26 Javascript
React更新渲染原理深入分析
Dec 24 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
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
利用Fix Rss Feeds插件修复WordPress的Feed显示错误
2015/12/19 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
js查错流程归纳
2012/05/04 Javascript
JavaScript中检测变量是否存在遇到的一些问题
2013/11/11 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
Javascript 绘制 sin 曲线过程附图
2014/08/21 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
基于Jquery插件实现跨域异步上传文件功能
2016/04/26 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
2017/06/20 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
2019/05/16 Javascript
Python简明入门教程
2015/08/04 Python
Python PyQt5实现的简易计算器功能示例
2017/08/23 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Django中信号signals的简单使用方法
2019/07/04 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
五年级科学教学反思
2014/02/05 职场文书
蓝颜请假条
2014/04/11 职场文书
环境保护标语
2014/06/20 职场文书
小学生田径运动会广播稿
2014/09/11 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
作文评语怎么写
2014/12/25 职场文书
司机岗位职责
2015/02/04 职场文书
2015年学校信息技术工作总结
2015/05/25 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
Python 中的单分派泛函数你真的了解吗
2021/06/22 Python