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,超强推荐share.js
Dec 23 Javascript
javascript编程起步(第五课)
Jan 10 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
jQuery浏览器CSS3特写兼容实例
Jan 19 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
jQuery树形控件zTree使用小结
Aug 02 Javascript
js仿百度音乐全选操作
Jan 13 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
JS实现前端缓存的方法
Sep 21 Javascript
JS 数组随机洗牌的实例代码
Sep 12 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
php 文件状态缓存带来的问题
2008/12/14 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
Iframe thickbox2.0使用的方法
2009/03/05 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
深入理解javascript构造函数和原型对象
2014/09/23 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
Django发送html邮件的方法
2015/05/26 Python
python3 爬取图片的实例代码
2018/11/06 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
德国亚洲食品网上商店:asiafoodland.de
2019/12/28 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
追悼会上的答谢词
2014/01/10 职场文书
医药个人求职信范文
2014/01/29 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python