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时间戳格式化成日期格式的多种方法
Nov 11 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
jquery阻止后续事件只执行第一个事件
Jul 24 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
JS实现字体背景跑马灯
Jan 06 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
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
js同时按下两个方向键
2007/12/01 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
详解前后端分离之VueJS前端
2017/05/24 Javascript
React 子组件向父组件传值的方法
2017/07/24 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
2018/12/25 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
VsCode与Node.js知识点详解
2019/09/05 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
python实现socket端口重定向示例
2014/02/10 Python
Python卸载模块的方法汇总
2016/06/07 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
日本网路线上商品代购服务:转送JAPAN
2016/08/05 全球购物
英国顶级家庭折扣店:The Works
2017/09/06 全球购物
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
电子商务专业个人的自我评价分享
2013/10/29 职场文书
物流管理专业自荐信
2014/06/23 职场文书
2014教师研修学习体会
2014/07/08 职场文书
道德与公民自我评价
2015/03/09 职场文书
横空出世观后感
2015/06/09 职场文书
python中pymysql包操作数据库方法
2022/04/19 Python