JS实现弹性漂浮效果的广告代码

本文实例讲述了射流研究…实现弹性漂浮效果的广告代码。分享给大家供大家参考。具体如下：

这里介绍一款射流研究…弹性漂浮广告代码，碰到网页浏览器的边缘就会顺着弹力的方向自动漂浮下去，不停的在网页上漂来漂去，漂浮广告代码是很早时候就有的代码了，使用广泛，而且做为广告来说，好像效果还不错，因为它在不停的动，让人在视觉上感觉到有一种吸引力。其中的射流研究…代码你可以扣出来保存在一个单独的射流研究…文件中，使用时调用即可。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-move-pic-style-adv-codes/

具体代码如下：

html health eta http-equiv=' Content-Type ' Content=' text/html；charset=gb2312' /titleJs弹性漂浮广告代码/title/headdydiv id=img 1 style=' Z-index : 100；LEFT: 2px宽度： 59px绝对位置：top : 43 xh8 : 61 pxvisibility :可见；'a href=' # ' target=' _ blank ' img src=' http : images/pic。gif ' width=' 80 ' height=' 80 ' border=' 0 '/a/div脚本语言=' JAVAScript ' var xPos=300var yPos=200var步长=1;定义变量延迟=30;定义变量高度=0;var Hoffset=0；var Woffset=0；var yon=0；var xon=0；var pause=truevar区间；我是G1。风格。top=yPos函数变更pos(){ width=document。尸体。客户端宽度；高度=文档。尸体。客户身高；霍夫斯特=我是G1。偏移光线；woffset=img 1。在两者之间；img 1。风格。left=xPos文档。尸体。向左滚动；img 1。风格。top=yPos文档。尸体。滚动顶部；if (yon) {yPos=yPos步骤；} else { yPos=yPos-step；} if(yPos 0){ yon=1；yPos=0；} if(yPos=(height-Hoffset)){ yon=0；yPos=(高度-霍夫斯特)；} if(xon){ xPos=xPos step；} else { xPos=xPos-step；} if(xPos 0){ xon=1；xPos=0；} if(XPOs=(width-Woffset)){ xon=0；xPos=(width-Woffset)；} }函数start(){ img 1。可见性='可见'；interval=setInterval(' change pos()'，delay)；}函数pause _ resume(){ if(pause){ clearInterval(interval)；pause=false } else { interval=setInterval(' change pos()'，delay)；pause=true } } start()；/SCRIPT/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。