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程序中美元符号$是什么
Jun 05 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
文件上传的几个示例分享【推荐】
Dec 16 Javascript
微信小程序-获得用户输入内容
Feb 13 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
React组件生命周期详解
Jul 03 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
JS通过识别id、value值对checkbox设置选中状态
Feb 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
Syphon 使用方法
2021/03/03 冲泡冲煮
PHP $_FILES函数详解
2011/03/09 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
jquery的$(document).ready()和onload的加载顺序
2010/05/26 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
利用Python实现颜色色值转换的小工具
2016/10/27 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
一行python实现树形结构的方法
2019/08/09 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
Otel.com:折扣酒店预订
2017/08/24 全球购物
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
控制工程专业个人求职信
2013/09/25 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
户外活动总结范文
2014/04/30 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
毕业生个人总结
2015/02/28 职场文书
如何在Python中创建二叉树
2021/03/30 Python
分享7个 Python 实战项目练习
2022/03/03 Python