互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

从屏幕右下角自动上升的窗口的Javascript实现

//########################################
//## FILE: dk_risingwindow.js
//## CREATED: DannyKang @ 2004-4-1
//## MODIFIED:DannyKang @ 2004-4-8
//## FUNDESC: 右下角上升的窗口
//########################################

function DK_MOVE_moveWindowUp() {
 DK_MOVE_amount = parseInt((DK_MOVE_winHeight-DK_MOVE_total) * 0.2);
 DK_MOVE_total += DK_MOVE_amount;
 if(DK_MOVE_total<DK_MOVE_winHeight && DK_MOVE_amount>0) {
  try {
  window.moveBy(0, (-1) * DK_MOVE_amount);
  }
  catch(e){
  }
 }
 else {
  clearInterval(DK_MOVE_handle);
 }
}


var DK_MOVE_amount=0;
var DK_MOVE_total=0;
var DK_MOVE_handle ;
var DK_MOVE_winHeight, DK_MOVE_winWidth;

//启动滚动窗口
function DK_MOVE_START(){
 DK_MOVE_winHeight= document.body.offsetHeight + 30;
 DK_MOVE_winWidth = document.body.offsetWidth + 10 ;
 window.moveTo(window.screen.availWidth-DK_MOVE_winWidth, window.screen.availHeight);
 DK_MOVE_handle = setInterval("DK_MOVE_moveWindowUp()",70);
}

document.body.oncontextmenu = new Function("return false;");
document.body.onselectstart =  new Function("return false;");
document.body.onload =  new Function("return DK_MOVE_START();");

/*调用方法*/
请在需要自动上升的页面内加入以下代码:
<SCRIPT language=javascript src="index_js/dk_risingwindow.js"></SCRIPT>





上一篇:从屏幕右下角自动上升的窗口的Javascript实现
下一篇:逐行滚动文字效果的Javascript实现
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com