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 相关文章推荐
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
layui按条件隐藏表格列的实例
Sep 19 Javascript
JavaScript canvas动画实现时钟效果
Feb 10 Javascript
JS实现联想、自动补齐国家或地区名称的功能
Jul 07 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 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
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
thinkPHP中配置的读取与C方法详解
2016/12/05 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
js转html实体的方法
2016/09/27 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
2017/01/23 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
详解webpack介绍&amp;安装&amp;常用命令
2017/06/29 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
2018/04/18 jQuery
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
彻底搞懂Python字符编码
2018/01/23 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
python生成器/yield协程/gevent写简单的图片下载器功能示例
2019/10/28 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
捷克电器和DJ设备网上商店:Electronic-star
2017/07/18 全球购物
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
客房主管岗位职责
2013/12/09 职场文书
教你打造完美的创业计划书
2014/01/06 职场文书
有创意的广告词
2014/03/18 职场文书
黄金酒广告词
2014/03/21 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
采购员岗位职责范本
2015/04/07 职场文书
第一军规观后感
2015/06/12 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书