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 相关文章推荐
JQuery 学习笔记 选择器之四
Jul 23 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
Sep 28 Javascript
详解JS实现简单的时分秒倒计时代码
Apr 25 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 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 Socket写的POP3类
2013/10/30 PHP
Yii框架登录流程分析
2014/12/03 PHP
php pthreads多线程的安装与使用
2016/01/19 PHP
PHP闭包函数详解
2016/02/13 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
Node.js + Redis Sorted Set实现任务队列
2016/09/19 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
JavaScript数组排序功能简单实现
2020/05/14 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
[48:00]完美世界DOTA2联赛循环赛 Forest vs Inki BO2第二场 11.04
2020/11/04 DOTA
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
解决Pycharm运行时找不到文件的问题
2018/10/29 Python
python3实现多线程聊天室
2018/12/12 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
如何查看Django ORM执行的SQL语句的实现
2020/04/20 Python
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
Grow Gorgeous美国官网:只要八天,体验唤醒毛囊后新生的茂密秀发
2018/06/04 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
听课评课活动心得体会
2016/01/15 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript