js左右弹性滚动对联广告代码
这个对联广告与其它的有所区别,这个是页面加载时先没看到广告,然后从左边快速飞进来的两个对联广告哦。
对联广告效果代码。
代码:
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css">
.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px; width:600px; margin:0 auto;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}</style></p>
<script language=JavaScript >var delta=0.08var collection;function floaters() {this.items = [];this.addItem = function(id,x,y,content){document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');var newItem = {};newItem.object = document.getElementById(id);newItem.x = x;newItem.y = y;this.items[this.items.length] = newItem;}this.play = function(){collection = this.itemssetInterval('play()',10);}}function play(){for(var i=0;i<collection.length;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.documentElement.scrollLeft+followObj_x)) {var dx=(document.documentElement.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.documentElement.scrollTop+followObj_y)) {var dy=(document.documentElement.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.documentElement.clientWidth-106',80,'<img src=http://pic.jbxue.com/sudu.gif id=ad />');//左面theFloaters.addItem('followDiv2',6,80,'<img src=http://pic.jbxue.com/sudu.gif id=ad />');theFloaters.play();
//图片格式调用方法
//<a href=http://www.jbxue.com/ target=_blank><img src=http://pic.jbxue.com/sudu.gif border=0></a>
</script>
<table border="0" cellspacing="0" cellpadding="0" width="778" bgcolor="#f4f4f4" align="center" height="1500"><tbody><tr><td valign="top" align="center"><br /><dl class="shuoming"></dl></td></tr></tbody>
</table>
js左右弹性滚动对联广告代码相关推荐
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03.<!--首页头部广告--> 04.<script src="ht ...
- JS常用脚本+html代码大全+对联广告代码效果大全
JS常用脚本 1. on_contextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border on_co ...
- php 漂浮广告代码,JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
本文实例讲述了JavaScript实现带缓冲效果的随屏滚动漂浮广告代码.分享给大家供大家参考,具体如下: 这里演示了始终随屏滚动的JavaScript代码,在国内的应用泛滥成灾了,特别是一些喜欢漂浮广 ...
- 蓝色经典的对联广告代码
<html> <head> <title>蓝色经典的对联广告代码</title> <meta http-equiv="Content-T ...
- html自动写对联,css实现的对联广告代码
css 代码 .couplet_ad /* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index ...
- 符合标准的对联广告代码
原本工作正常的对联广告突然宣布罢工,为什么?标准化真的那么脆弱吗?" 不符合标准的正常工作的对联广告: Code1<htmlxmlns="http://www.w3.org/ ...
- 网页广告代码php,【网页广告特效代码】精选5种常用的网页广告特效代码
网站少不了发布一些活动广告,网页中的广告显示效果有很多种,一般是采用JS或者JQ实现多种网页广告显示效果,以下是php中文网精选5种常用的网页广告特效代码推荐给大家下载使用! 效果预览和下载地址:ht ...
- php对联广告,html左右对联代码 cms网站对联广告html代码
实现网页左右两侧居中的对联广告代码你只记得自己有好多朋友却从没想过小编只有你一人. 无标题文档 #left{ width:200px;height:450px; position:absolute; ...
- JS实现对联广告和弹窗广告代码,可同时关闭不随屏幕滚动
JS代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo ...
- Js弹性漂浮广告代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
最新文章
- 死磕Java并发:J.U.C之AQS:CLH同步队列
- 系统间通信2:通信管理与远程方法调用RMI
- 流量劫持 —— 浮层登录框的隐患
- N+1:创新点的设计
- BZOJ.3262.陌上花开([模板]CDQ分治 三维偏序)
- 键盘拆开重新安装步骤_电脑键盘如何维修 电脑键盘常见问题维修技巧【详解】...
- Elipse-基本使用
- Python计算IV值
- DTIM间隔在组播和节电方面的综合考虑
- Linux(七,八)SHELL解释器、用户和用户组管理详解
- 官宣 | 首届云原生编程挑战赛报名通道正式开启
- 「Python入门」Python多进程
- 如何浏览与下载全球免费的地图高分辨率(亚米级)的遥感影像?
- 分水岭算法 c语言实现,分水岭算法的应用
- 计算机二级 MS office(Excel)常用函数
- git在idea中的冲突解决(非常重要)
- 浅谈WEBGIS运用栅格地图实现原理[更新:Google Maps带来的新型WebGIS设计模式]
- 计算机控制op,《计算机控制技术》
- Spark使用RDD实现分组topN(八种方法)
- 机器学习基础(Machine Learning,ML)
热门文章
- 为啥程序员下班后只关显示器从不关电脑?
- AndroidEditText常用属性
- VMware-ESXi-6.7.0许可证
- 计算机技术在材料成型工业中的应用,计算机在材料成型应用摘要.ppt
- keep-alive用法(include、exclude、max)
- vue filters 国家区号json数据
- 基于pt100的温度测量系统设计 c语言程序 四臂电桥,基于PT100热电阻传感器的温度采集系统设计资料...
- 搜集的一些电压跟随器的问题和回答
- NIPS历年论文 NIPS2020论文集
- ASEMI整流桥S35VB100参数规格,S35VB100封装尺寸