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 Excel操作知识点
Apr 24 Javascript
基于jQuery的js分页代码
Jun 10 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 Javascript
jquery 字符串切割函数substring的用法说明
Feb 11 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
angularJS提交表单(form)
Feb 09 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
js脚本中执行java后台代码方法解析
Oct 11 Javascript
js实现简易点击切换显示或隐藏
Nov 29 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相当简单的分页类
2008/10/02 PHP
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
php文件类型MIME对照表(比较全)
2016/10/07 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
JavaScript 数组循环引起的思考
2010/01/01 Javascript
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
Python环境搭建之OpenCV的步骤方法
2017/10/20 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
Django中间件拦截未登录url实例详解
2019/09/03 Python
python内打印变量之%和f的实例
2020/02/19 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
Python numpy大矩阵运算内存不足如何解决
2020/11/19 Python
在 Python 中使用 7zip 备份文件的操作
2020/12/11 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
介绍一下Java的事务处理
2012/12/07 面试题
教师职称自我鉴定
2014/02/12 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
大学生操行评语大全
2014/12/31 职场文书
办公用品管理制度
2015/08/04 职场文书
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python