JS实现上下左右飞舞的窗口

2020-01-27 13:40:41

字体：大中小

来源：转载

供稿：网友

飞舞的网页窗口，小心花眼哦。这个JS特效实现了让网页窗口在四个方向上的滑动飞舞，从右到右、从上到下、从下到上还有从右到左等，有些网页特效记着不要滥用哦，否则用户会烦感哦。本代码只是让一些喜欢JS制作特效的朋友们借鉴。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>飞舞的窗口</title></head><body> <SCRIPT language=javascript>function WinScroll(direction,xWidth,xHeight){if ((navigator.appVersion.indexOf('4')!= -1)){self.resizeTo(xWidth,xHeight)if (direction == 1){self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-10)for (var c=1; c<=(screen.availHeight-(-xHeight))/2; c++)self.moveTo((screen.availWidth-xWidth)/2,screen.availHeight-c)}if (direction == 2){var x=screen.availHeight+screen.Heightself.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x))for (var c=0; c<=(screen.availHeight-(-xHeight/2)); c++)self.moveTo((screen.availWidth-xWidth)/2,(screen.availHeight-x)+c)}if (direction == 3){var x=screen.availWidth-10self.moveTo(x,(screen.availHeight-xHeight)/2)for (var c=1; c<=(x-(-xWidth))/2; c++)self.moveTo((x-c),(screen.availHeight-xHeight)/2)}if (direction == 4){var x=screen.availWidth+(xWidth-10)self.moveTo((screen.availWidth-x),(screen.availHeight-xHeight)/2)for (var c=1; c<=(screen.availWidth-(-xWidth))/2; c++)self.moveTo(((screen.availWidth-x)+c),(screen.availHeight-xHeight)/2)}}}for (c=1; c<=4; c++) WinScroll(c,400,400)</SCRIPT></body></html>

上一篇：Js页面缩小特效，由大到小变化

下一篇：点击链接后窗口缩小并居中代码

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注