JavaScript 经典代码(5)

此博客展示了一段JavaScript代码,用于实现窗口展开效果。代码中设置了基本参数,如步长、速度等,通过初始化参数和定义相关函数,包括初始化窗口、打开窗口和显示窗口函数,最终实现点击按钮时窗口逐步展开的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script Language="JavaScript1.2">
/*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: <a href="mailto:windy_sk@126.com">windy_sk@126.com</a>
*/

//基本参数设置
var step = 20;
var speed = 50;
var Org_width = 0;
var Org_height = 0;
var the_url = "about:blank";
var NewWindow = null;

var Scr_width = screen.availWidth;
var Scr_height = screen.availHeight;
//全屏(无状态栏)改用下面变量
//var Scr_width = screen.width;
//var Scr_height= screen.height;

//参数初始化
var step_width = (Scr_width - Org_width) / step;
var step_height = (Scr_height - Org_height) / step;
var Cur_width;
var Cur_height;
var Cur_top;
var Cur_left;
var Cur_step;
function Init_window(){
 Cur_width = Org_width;
 Cur_height = Org_height;
 Cur_top  = 0;
 Cur_left = 0;
 Cur_step = 0;
}
Init_window();

//主函数
function Open_window(){
 NewWindow = window.open(the_url,"","top=0,left=0,width="+Org_width+",height="+Org_height+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,fullscreen=0");
}

function show_window(){
 if(Cur_step++<step && !NewWindow.closed){
  Cur_width  += step_width;
  Cur_height += step_height;
  Cur_top     = (Scr_height - Cur_height)/2;
  Cur_left    = (Scr_width - Cur_width)/2;
  NewWindow.window.moveTo(Cur_top,Cur_left);
  NewWindow.window.resizeTo(Cur_width,Cur_height);
  NewWindow.focus();
  setTimeout("show_window()",speed);
 }else{
  NewWindow=null;
  Init_window();
 }
}
</script>
<input type=button value="Open" onclick="Open_window();show_window()">

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值