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高级程序设计
Dec 29 Javascript
zeroclipboard复制到剪切板的flash
Aug 04 Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 Javascript
js闭包实现按秒计数
Apr 23 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
基于JavaScript实现的希尔排序算法分析
Apr 14 Javascript
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
Oct 16 Javascript
vue中使用GraphQL的实例代码
Nov 04 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
vue-router为激活的路由设置样式操作
Jul 18 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
咖啡语言
2021/03/03 咖啡文化
php+dbfile开发小型留言本
2006/10/09 PHP
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP入门速成教程
2007/03/19 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
PHP下载生成的csv文件及问题总结
2015/08/06 PHP
PHP使用strrev翻转中文乱码问题的解决方法
2017/01/13 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
laravel框架邮箱认证实现方法详解
2019/11/22 PHP
jquery 表格的增行删行实现思路
2013/03/21 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
js创建元素(节点)示例
2014/01/02 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python异常处理操作实例详解
2018/05/10 Python
浅谈python str.format与制表符\t关于中文对齐的细节问题
2019/01/14 Python
详解python变量与数据类型
2020/08/25 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
销售工作岗位职责
2013/12/24 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
党支部季度考核意见
2015/06/02 职场文书
基于flask实现五子棋小游戏
2021/05/25 Python