JavaScript特效实例017-慢慢放大的窗口

最新推荐文章于 2023-07-25 18:00:00 发布
VIP文章 最新推荐文章于 2023-07-25 18:00:00 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： JavaScript网页特效范例 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yejinwei1220/article/details/45967483
版权

实例017                           慢慢放大的窗口

实例说明

本实例实现在窗口打开时，将窗口安装指定的大小放在屏幕中间，并使窗口不断放大，直到窗口大小与屏幕大小相同为止。

技术要点

     本实例主要应用screen对象的availWidth和availHeight属性来获取屏幕工作区域的宽度和高度，并用window对象的resizeTo（）方法来指定窗口的位置，用window对象的moveTo方法使窗口不断变大。

实现过程

实现功能主页面 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
	<title></title>
	<script type="text/javascript">
	var sun = 400;
	var screenW = window.screen.availWidth;
	var screenH = window.screen.availHeight;
	var in
最低0.47元/天 解锁文章
迷茫的寻路者
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js打开新窗口并最大化
jjavaboy的专栏
02-12 3700
调用viceScreen.open(url)，打开一个新的窗口，并是最大化的，如果想调整窗口的位置的话，可以调用resizeTo(width, height)方法。 1、在父窗口调用子窗口方法，可以使用方法getSecondWindow()，便可以取得子窗口的引用对象，继而通过引用对象可以调用子窗口的方法了。 2、想实现双屏显示，即是在主屏打开一个新窗口，新窗口是显示在副屏的，可以通过设置wi
用js代码编写放大镜效果
qq_57608994的博客
09-30 133
利用js来编写京东放大效果
javascript网页特效实例大全（8-12）
10-28
第8章　图形图像与多媒体　335 8.1　图片大小　336 实例215　打开自定义大小的图片　336 实例216　图片放大缩小　337 实例217　通过鼠标滚轮放大缩小图片　338 8.2　图片与鼠标相关操作　339 实例218　跟随鼠标移动的图片　340 实例219　可以左右拖动的图片　340 实例220　随意拖动图片　342 实例221　当鼠标经过图片时显示图片　344 实例222　改变图片获取焦点时的状态　345 实例223　抖动的图片　346 实例224　鼠标移动放大图片　347 8.3　图片与时间相关操作　349 实例225　定时隐藏图片　349 实例226　根据时间变换页面背景　350 实例227　使图片不停闪烁　352 实例228　上下跳动的图片　352 实例229　图片左右晃动　354 实例230　飘舞的变形图片　356 8.4　图片的动画效果　358 实例231　图片翻转效果　359 实例232　水波倒影特效　360 实例233　图片渐隐渐现　361 实例234　图片的探照灯效果　362 实例235　雷达扫描图片特效　363 实例236　在页面中旋转的图片　365 实例237　改变形状的图片　366 实例238　图片在页面浮动　367 实例239　随机变化的网页背景　369 8.5　选择头像　370 实例240　在列表中选择图片　370 实例241　在弹出的新窗口中选择图片　372 8.6　在页面中播放图片　374 实例242　幻灯片式播放图片　374 实例243　无间断的图片循环滚动效果　376 8.7　图片的其他效果　377 实例244　导航地图　377 8.8　播放音乐　378 实例245　为网页设置背景音乐　378 实例246　随机播放背景音乐　380 实例247　MIDI音乐选择　381 8.9　插入Flash动画　383 实例248　插入Flash动画　383 实例249　插入背景透明的Flash动画　384 8.10　播放视频文件　385 实例250　播放AVI文件　385 实例251　自制视频播放器　387 第9章　页面特效　391 9.1　页面背景效果　392 实例252　背景固定居中　392 实例253　背景图片纵向重复显示　393 实例254　通过按钮变换背景颜色　395 实例255　背景自动变色　396 实例256　百叶窗　396 实例257　渐隐渐显的背景颜色　398 实例258　页面缩小　399 实例259　页面上下打开效果　400 实例260　页面左右打开效果　402 实例261　页面溶解效果　404 9.2　特殊页面　406 实例262　页首页尾切换　406 实例263　调用下载页面　408 实例264　程序加载页面　409 实例265　颜色拾取器　411 9.3　广告页面　415 实例266　图片总置于顶端　415 实例267　随机显示广告　416 实例268　广告随滚动条漂移　418 9.4　页面动画效果　419 实例269　下雪　419 实例270　飘落的枫叶　421 实例271　下雨　423 实例272　背景的烟花效果　425 实例273　变色的圆圈　427 实例274　滚动的光环　429 实例275　星空极速飞入效果　430 实例276　闪烁的星星　432 9.5　其他　434 实例277　带密码的网页　434 实例278　页面左右滚动　435 实例279　动态移动的层　437 实例280　在页面中显示十字光标　438 第10章　状态栏特效　441 10.1　状态栏文字动画　442 实例281　使状态栏中的文字不停闪烁　442 实例282　文字从右向左依次弹出　443 实例283　文字从中间向两边展开　445 实例284　文字跑马灯特效　447 实例285　文字依次显示后快速收缩　449 实例286　文字的展开与收缩　451 实例287　状态栏中的文字依次弹出　452 10.2　其他　453 实例288　在状态栏显示固定自定义信息　453 实例289　在状态栏显示鼠标坐标　454 实例290　在状态栏显示特定的超级链接信息　456 第11章　报表与打印　459 11.1　Web打印　460 实例291　调用IE自身的打印功能实现打印　460 实例292　打印指定框架中的内容　461 实例293　利用WebBrowser打印　462 实例294　设置页眉页脚　463 11.2　利用Word打印报表　465 实例295　将页面中的表格导出到Word并打印　465 实例296　打开指定的Word文档并打印　467 实例297　在JSP中利用Word自动打印指定格式的会议记录　468 实例298　在ASP中利用Word自动打印指定格式的会议记录　470 实例299　在PHP中调用Word自动打印指定格式的会议记录　472 11.3　利用Excel打印报表　474 实例300　将Web页面中的数据导出到Excel　474 实例301　将Web页面中的数据导出到Excel并自动打印　476 11.4　利用CSS样式打印　478 实例302　利用CSS样式打印页面中的指定内容　478 实例303　利用CSS样式分页打印　479 11.5　套打邮寄产品单　482 实例304　打印汇款单　482 实例305　打印快递单　484 实例306　打印信封　485 第12章　网站安全　489 12.1　禁止用户复制网页内容　490 实例307　禁止用户复制网页内容(方法一)　490 实例308　禁止用户复制网页内容(方法二)　491 实例309　禁止网页另存为　492 12.2　禁止用户刷新屏幕　493 实例310　屏蔽IE主菜单　493 实例311　屏蔽键盘相关事件　494 实例312　屏蔽鼠标右键　496 12.3　登录页面　497 实例313　具有浏览器检测功能的登录页面　497 实例314　防止SQL注入的登录页面　498 实例315　带验证码的登录页面　500 12.4　其他　501 实例316　使用Script Encoder加密工具加密　501
第6天 用js实现最大化和最小化窗口
qq_36529240的博客
12-06 2485
const toggleFullScreen = () => { if (!document.fullscreen && !document.fullscreenElement) { document.documentElement.requestFullscreen(); // false, null } else { document.exitFullscreen(); // true, html do
JS实例（三）图片的缓慢放大和缩小
weixin_34235105的博客
03-27 212
　　我们经常能看到在一些网站中可以通过按钮实现对图片的放大或者缩小，也有可能是鼠标经过时图片放大。在本例中就是通过JavaScript实现图片的放大和缩小。 　　首先是进行简单的页面布局 1 <div class="imagedispose"> 2 <img src="1.jpeg" id="imaged" width="400px" height="3...
js实现点击图片在弹窗中放大
最新发布
weixin_46300114的博客
07-25 965
前文实现效果(被骂了，说要在弹窗中实现，而不是单纯的放大，影响界面美观)1:首先，在HTML文件中创建一个空的弹窗容器，用于展示图片和关闭按钮。可以使用一个<div>元素，并给它一个唯一的ID，例如。// 显示弹窗//关闭弹窗2:修改原来的代码，将点击事件绑定到添加了参数的方法上，并将图片的URL作为参数传递进去。title: '证件正面',">';3:在弹窗容器中添加展示图片的<img>元素和关闭按钮。-- 弹窗容器-->top: 40%;left: 50%;">">
弹出窗口代码集萃
-云在青天水在瓶
04-17 613
【最基本的弹出窗口代码】其实代码非常简单：window.open (page.html)-->因为这是一段Javascript代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中如果不支持Javascript，不会将标签中的代码作为文本显示出来。Window.open (page.html)用于控制弹出新的窗口page.html，如果page.html不与主窗口
html5改变窗口大小,js怎么改变窗口大小?js改变窗口大小方法
weixin_35450735的博客
06-08 4241
本篇文章给大家带来的内容是关于js怎么改变窗口大小?js改变窗口大小方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在JavaScript中，可以使用window对象的resizeTo()方法或resizeBy()方法来改变窗口的大小。一、resizeTo()方法语法：window.resizeTo(x, y)说明：x表示改变后的水平宽度，y表示改变后的垂直高度。x和y的单位都...
JS实现页面放大和缩小
qq_43630915的博客
09-25 2637
var size = 1.0; // 放大 function zoomout() { size = size + 0.1; set(); } //缩小 function zoomin() { size = size - 0.1; set(); } function set() { document.body.style.zoom = size; document.body.style.cssText += '; -moz-transform: scale('
浏览器放大缩小,页面布局不变,浏览器放大百分比,页面放大到左上角,浏览器缩小百分比,页面缩小至中间(类似csdn官网效果)
song_song0927的博客
04-12 3255
js控制页面随浏览器放大缩小,页面布局不变,按住ctrl,滑动滚轮放大浏览器百分比时,页面放大至左上角,缩小百分比时,页面缩小至中间
窗体启动特效
09-07
一款VB窗体启动特效，适合酷炫的程序！ 对于追求酷炫效果的程序比较实用
VC 制作窗口的打开和关闭特效.rar
07-10
VC 制作窗口的打开和关闭特效，作者：宁波陈萌，用一点点动画特效修饰您的窗口，让窗口看起来更具动感效果。本源码主要是为窗口增加打开时的逐渐变大效果、退出时的不断缩小效果，和普通的窗口在布局上无差别，只是增加了动画效果。
js 特效 html 特效 慢慢变大的图片
08-20
js 特效 html 特效 慢慢变大的图片 js 特效 html 特效 慢慢变大的图片
js关闭子窗体刷新父窗体实现方法
12-08
代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/–>使用open方式打开的窗体 //使用地址方式 window.opener.location.href=’m_Shedule_Main.aspx’; //使用浏览器刷新功能 window.opener.location.reload(); 使用showModalDialog方法 window.returnValue = ‘refresh’;
程序天下:JavaScript实例自学手册
07-08
12.15 慢慢变大的窗口 12.16 设置新打开的窗口为活动窗口 12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关不掉的警告框 12.21 循环的警告框 12.22 屏蔽状态栏的错误提示 12.23 ...
JavaScript网页特效范例宝典源码
09-04
实例017 慢慢放大的窗口 30 实例018 下降式浏览器 32 实例019 旋转的窗口 33 实例020 移动的窗口 34 实例021 震动的窗口 35 实例022 弹出广告窗口 36 1.4 窗口控制 37 实例023 窗口始终在最上面 38 实例024 窗口的...
java源码包---java 源码 大量 实例
04-18
　Java实现的FTP连接与数据浏览程序，实现实例化可操作的窗口。 　部分源代码摘录： 　ftpClient = new FtpClient(); //实例化FtpClient对象 　String serverAddr=jtfServer.getText(); //得到服务器地址 　...
JavaScript特效实例011-弹出全屏显示的网页模式对话框
滨州学院csdn高校俱乐部 冶近玮
05-16 2455
实例011                    弹出全屏显示的网页模式对话框 实例说明 弹出全屏显示的网页模式对话框，用户关闭之前不能浏览网站的其他内容。 技术要点      本实例主要应用screen对象的width、height属性和window对象的showModalDialog（）方法实现。其实还有一种方法打开网页对话框，即showModelessDialog（）方法。    
javascript特效--鼠标移动切换内容
06-06
好的，这是一个常见的 JavaScript 特效。你可以使用以下步骤来实现： 1. 首先，创建一个 HTML 文件，然后添加两个容器元素，一个用于显示当前内容，另一个用于显示要切换的内容。 ```html 当前内容 下一个内容 ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值