JavaScript实现上下浮动的窗口效果代码

本文讲述了JavaScript实现窗口效果代码上下浮动的例子。分享给大家参考。具体如下：

介绍了利用JavaScript实现窗口上下浮动、垂直方向浮动。代码中的JS函数具有丰富的浮动层定义功能，如浮动层位置的高度、初始化事件触发器、将浮动层设置为可见、设置浮动层的左边距以及带style.left的浮动层的移动速度等。可以实现更多的设置选项。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-up-down-float-move-win-codes/

具体代码如下：

HTMLHEADTITLE上下浮动的窗口/TITLEstyle type='text/css '！-a :悬停{ color :00 ff 00 } a { color :000000；text-decoration : none }-/STYLe/head dydiv id=' float point ' STYLe=' position : absolute；'能见度：能见度；-两个差异之间放上你需要显示的内容-表格边框=1单元格间距='0 '单元格填充=' 0 '边框颜色光线=' # 000000 '边框颜色=' # FFFFFF ' tr TD align=center bgcolor=# E3 E3 e 3 style=' color :高亮文本' font color=' # 000000 '最新消息！/font/TD/tr TD bgcolor=WINDOWs style=' font-size :9 pt；颜色：窗口文本我们/abr div/div /td /tr/table！-两个差异之间放上你需要显示的内容-/div script LANguage=' JAVAScript 1.2 '//这部分为用户自定义区var XX=10//浮动层的X坐标，即左边距var xs步长=1；//移动步长，此参数越小，移动越平滑，最小值为1var delay _ time=60//每步的时间间隔，此参数越小，移动速度越快//以下部分请勿随意改动var YY=0；var ch=0；var oh=0；var yon=0；var ns4=document.layers？1:0 //判断浏览器类型是否是NS4var ie=document.all？1:0 //判断浏览器类型是否是IEvar ns6=文档。getelementbyid！所有文件？1:0 //判断浏览器类型是否是NS6if(ie){ //如果是IEYY=文档。尸体。客户身高；//由clientHeight取得页面的高度YY；//将浮动层位置调整到页面底部}else if (ns4){ //如果是NS4YY=window.innerHeight//由内部高度取得页面的高度文件。浮点。佩吉=YY；//将浮动层位置调整到页面底部文件。浮点。可见性='隐藏'；//将浮动层隐藏。}else if (ns6){ //如果是NS6YY=window.innerHeight //由内部高度取得页面的高度文件。getelementbyid('浮点')。风格。top=YY/将浮动层位置调整到页面底部}函数relo C1(){ if(yon==0){ YY=YY-xstep；} //如果当前应该上移，则减小YY值否则{ YY=YY斯特普；} //否则增加YY值下移if (ie){ //如果是IEch=文档。尸体。客户身高；//取页面高度oh=浮点。偏移光线；//取浮动层的高度}else if (ns4){ //如果是NS4ch=window.innerHeight//取页面高度oh=文档。浮点。夹子。身高；//取浮动层的高度}else if (ns6){ //如果是NS6ch=window.innerHeight //取页面高度oh=文档。getelementbyid('浮点').偏右//取浮动层的高度} if(YY0){ yon=1；YY=0；} //如果浮动层超出了上界，则设定移动方向为向下；并设定层的位置为正好在上界处if(YY=(ch-oh)){ yon=0；YY=(ch-oh)；} //如果浮动层超出了下界，则设定移动方向为向上；并设定层的位置为正好在下界处if(ie){ //如果是I浮点。风格。左=XX//用样式。左侧设定浮动层左边距YY文档。尸体。滚动顶部；//用style.top设定浮动层上边距}else if (ns4){ //如果是ns4文档。浮点。第x页=XX页；//用。页面x设定浮动层左边距document.floatpoint.pageY=YY窗口。window.pageYOffset//用。佩吉设定浮动层上边距}else if (ns6){ //如果是函数onad(){if(ns4) //如果是ns4文档。浮点。可见性='可见'；//设定浮动层为可见循环func()；//开始主循环，以不断改变浮动层位置} func loop func(){ relo C1()；//调整浮动层位置setTimeout('loopfunc()'，delay _ time)；//设定下一次调整的延时} if(ie | | ns4 | | ns6)窗口。onload=onad/初始化事件触发器/脚本/正文/HTML希望本文所述对大家的Java脚本语言程序设计有所帮助。