php对联广告,js 左右悬浮对联广告代码示例

一段js 左右悬浮广告代码，只要修改广告图片地址与连接地址，相应参数根据页面调整下就可以使用这段左右悬浮广告代码了

代码：

var delta=0.15

var collection;

function floaters() {

this.items = ;

this.addItem = function(id,x,y,content)

{

document.write('

'+content+'

');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

function play()

{

for(var i=0;i

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-112',230,'');

theFloaters.addItem('followDiv2',12,230,'');

theFloaters.play();

另存为*.js文件，在页面中引用：调用即可，*代表你另存的文件名！

注意：修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

php对联广告,js 左右悬浮对联广告代码示例相关推荐

HTML怎么编写可关闭广告,JS实现关闭小广告特效
本文实例为大家分享了JS实现关闭小广告特效的具体代码,供大家参考,具体内容如下知识点 1.获取元素 2.通过元素获取父元素 3.删除节点 4.设置元素隐藏运行效果直接删除隐藏代码 Title ...
html左侧悬浮广告,JS实现悬浮移动窗口(悬浮广告)的特效
js方法: New Document window.οnlοad=function(){ //写入 var oneInner = document.createElement("div&qu ...
js控制图片的缩放代码示例
下面的代码给出一个简单的js检测鼠标点击事件来动态放大图片的功能,这个功能在亚马逊,京东等电商网站很实用. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTM ...
mysql ucase,Node.js MySQL UCASE()用法及代码示例
UCASE()函数是MySQL中的内置函数,用于将给定字符串的所有字符转换为大写. 用法: UCASE(input_string) 参数:它采用一个参数,如下所示: input_string:这是用于 ...
Html秒表计时代码,js实现秒表计时器功能代码示例
本文实例为大家分享了带有开始.暂停.清除功能的js计时器,供大家参考,具体内容如下计时器 var hour,minute,second;//时分秒 hour=minute=second=0;// ...
kewail node 短信_Node.js代码示例_Node.js短信短信 | 微米-中国领先的短信彩信接口平台服务商...
Node.js短信接口一代码示例请求 var http = require('http'); var querystring = require('querystring'); var postDa ...
html登录界面设计代码_最简洁实现Github登录的JS代码示例
本文源码地址:https://github.com/Spring-Security-China/oauth2-client-login-js-github 大纲概述实现思路分析在Github官网 ...
标准对联广告Js代码
[size=medium]标准对联广告Js代码用于门户网站两侧的"对联广告" [/size] <!DOCTYPE html PUBLIC "-//W3C//DTD ...
html网页布局对联,html javascript 网站两侧对联广告
标准对联广告Js代码 lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && d ...
悬浮的广告是怎么用js设计出来的
上一篇写了再js中时钟函数是怎么用的,这一篇要写,悬浮的广告是怎么用js设计出来的下面是这个网页的代码: <!DOCTYPE html> <HTML> <head> ...

php对联广告,js 左右悬浮对联广告代码示例

php对联广告,js 左右悬浮对联广告代码示例相关推荐

最新文章

热门文章