`
化蝶自在飞
  • 浏览: 2330045 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

js 对联广告 js 漂浮广告 js广告漂浮代码 js左右随屏移动对联广告

阅读更多
js 对联广告 js 漂浮广告 js广告漂浮代码 js左右随屏移动对联广告
js代码如下,请另存为 x.js 文件然后在目标页面引用.此代码兼容各浏览器,符号w3c标准.绝对可用.
function couplet(){ 
if(arguments.length>=1) this.objID = document.getElementById(arguments[0]); 
if(arguments.length>=2) this.divTop = arguments[1]; 
if(arguments.length>=3) this.divPlane = arguments[2]; 
if(arguments.length>=4) this.scrollDelay = arguments[4]; 
if(arguments.length>=5) this.waitTime = arguments[5]; 
if(!this.objID){ 
alert("对象名【"+ arguments[0] +"】无效,对联无法初始化,请检查对象名称是否正确!"); 
this.objID = null; return; 
}else{ 
this.objID.style.position="absolute"; 
this.objID.style.display="block"; 
this.objID.style.zIndex=9999; 
} 
if("" == this.objID.style.top){ 
if(isNaN(this.divTop)){ 
alert("对象垂直位置(top)参数必须为数字。"); return; 
}else{ 
this.objID.style.top = this.divTop+"px"; 
} 
} 
if("" == this.objID.style.left && "" == this.objID.style.right){ 
if(isNaN(this.divPlane)){ 
alert("对象水平位置(left||right)参数必须为数字。"); return; 
} 
if(this.divPlane>0) this.objID.style.left = this.divPlane+"px"; 
if(this.divPlane<0) this.objID.style.right = Math.abs(this.divPlane)+"px"; 
} 
if(this.scrollDelay<15 || isNaN(this.scrollDelay)) this.scrollDelay = 15; 
if(this.waitTime<500 || isNaN(this.waitTime)) this.waitTime = 500; 
if(arguments.length>=1) this.start(); 
} 
couplet.prototype.start = function(){ 
if(null == this.objID) return; 
var objCouplet = this; 
timer = this.scrollDelay; 
objCouplet.lastScrollY = 0; 
objCouplet.timerID = null; 
objCouplet.startID = function(){ 
if("block" == objCouplet.objID.style.display){ 
objCouplet.run(); 
}else{ 
clearInterval(objCouplet.timerID); 
} 
} 
objCouplet.Begin = function(){ 
objCouplet.timerID = setInterval(objCouplet.startID,timer); 
} 

setTimeout(objCouplet.Begin,this.waitTime); 
} 
couplet.prototype.run = function(){ 
if(document.documentElement && document.documentElement.scrollTop){ 
uu_scrY = parseFloat(document.documentElement.scrollTop); 
}else if(document.body){ 
uu_scrY = parseFloat(document.body.scrollTop); 
} 
uu_divX = parseFloat(this.objID.style.top.replace("px","")); 
uu_curTop = .1 * (uu_scrY - this.lastScrollY); 
uu_curTop = uu_curTop>0?Math.ceil(uu_curTop):Math.floor(uu_curTop); 
this.objID.style.top = parseFloat(uu_divX + uu_curTop) + "px"; 
this.lastScrollY += uu_curTop; 
}


在目标页面使用方法:
<script type="text/javascript" src="x.js"></script>
<script type="text/javascript">
function floatjs(){
new couplet("maple1",400,8); 
new couplet("maple2",400,-8); 
}
if( window.addEventListener) window.addEventListener('load',floatjs,false);
else window.attachEvent('onload',floatjs);
</script>
<div id="maple1"> 
<div>
<a href="http://www.k686.com/" target="_blank"><img src="http://shop.9qc.com/images/left.gif" title="k686绿色软件" border="0" /></a>
</div>
</div>
<div id="maple2"> 
<div>
<a href="http://www.k686.com/" target="_blank"><img src="http://shop.9qc.com/images/right.gif" title="k686绿色软件" border="0" /></a>
</div>
</div>
分享到:
评论

相关推荐

    JS广告代码 漂浮 对联

    通过以上这些知识点,我们可以编写一个完整的JavaScript漂浮对联广告脚本,使其在页面上既美观又不打扰用户。在实际应用中,还需要结合HTML结构和CSS样式进行细致的调整,以达到最佳的视觉效果和用户体验。

    JS对联漂浮广告代码

    标题:JS对联漂浮广告代码 描述:很好的漂浮广告的JS代码,供大家参考学习。 在现代网页设计中,动态元素的运用可以显著提升用户体验和页面吸引力,其中,漂浮广告作为一项常见且有效的营销手段,被广泛应用于各类...

    浮动对联广告代码

    浮动对联广告代码是一种常见的网页设计技术,用于在网站页面的两侧显示动态漂浮的广告条。这种广告形式因其能够持续吸引用户注意力而被广泛采用。在本案例中,我们讨论的是通过JavaScript实现的浮动对联广告代码。 ...

    没有js的纯DIV CSS对联漂浮广告代码

    纯DIVCSS对联漂浮广告代码(无JS),源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。

    js漂浮和对联式广告广告实例

    ### JS漂浮和对联式广告实例解析 #### 一、概述 在互联网广告领域,为了提高用户体验并增强广告效果,开发人员会采用各种技术手段来实现广告的动态展示。其中,漂浮式广告和对联式广告是两种常见的形式。漂浮式...

    网页广告 代码全集 js 广告代码 大全 1-61 (A)

    109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...

    网页广告 代码全集 js 广告代码 62-120 大全 (B)

    109:四屏切换JS广告代码下载 110:JavaScript图片切换效果 下载 111:在线客服代码 下载 112:单独关闭的两边悬挂代码下载 113:全屏可伸缩可关闭广告代码下载 114:四屏JS带缩略图的焦点图 下载 115:书角带阴影的...

    三组对联广告,左右漂浮,可关闭,可侧漂浮

    在IT行业中,"三组对联广告,左右漂浮,可关闭,可侧漂浮"是一种常见的网页广告设计模式,通常用于提升网站的互动性和用户体验。这种广告形式旨在吸引用户的注意力,同时允许用户根据需要关闭或者调整其显示位置。...

    随鼠标漂移的广告展示.rar

    随鼠标漂移的广告展示是一种常见的网页交互设计技术,它主要利用JavaScript(简称JS)来实现元素在页面上的动态跟随效果。这种技术常用于在线广告、提示信息或者导航菜单等,目的是吸引用户的注意力并提高用户体验。...

    100种网页常用广告代码集

    1:对联广告代码演示下载 2:对联广告带关闭代码演示下载 3:大幅广告自动翻滚代码演示下载 4:大幅图片广告代码演示下载 5:横向滚动图片代码演示下载 6:幻灯图片代码演示下载 7:大幅自动轮换代码演示下载 8:...

    js 左右悬浮对联广告特效代码

    左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮,增加广告的曝光率,通常用于提升网站的点击率或吸引用户的注意力。在...

    js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome

    **漂浮广告**:指的是一种可以在页面任意位置自由移动的广告形式,用户浏览页面时该广告可以随用户的滚动而移动,提高广告的可见度。 #### 对联广告实现 在给定的代码片段中,我们看到了一个名为 `float_ad` 的类...

    二维码漂浮对联

    漂浮对联的展示效果需要通过CSS实现浮动和动画效果,而JavaScript则负责动态交互,如对联的显示、隐藏、移动等。 2. **响应式设计**:为了让对联在不同设备和屏幕尺寸下都能良好显示,需要采用响应式布局。这涉及到...

    多种网站漂浮广告源码 固定式 ,漂浮式,对联式可供选择, 拿来即可用

    在本案例中,提供的源码包含了固定式、漂浮式和对联式三种不同的广告展现形式,适用于各种类型的网站,方便快速集成到网页设计中。 固定式广告源码是指广告会始终固定在屏幕的某个位置,不论用户滚动页面,它都会...

    网页中插入两侧的对联广告

    常见的网页中插入两侧的对联广告,可漂浮在网页两侧。 带有关闭标志

    网页广告动态代码

    6. 漂浮广告:在页面任意位置随机或固定位置显示,可以上下左右移动,提高广告的可见性。 7. 页面元素跟随:广告随着用户滚动页面而上下移动,保持在用户的视线范围内。 8. 右上角翻页关闭广告:这种广告通常在右...

    CSS多浏览器兼容对联漂浮广告代码

    CSS多浏览器兼容对联漂浮广告代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    html.rar_对联广告

    5. **漂浮特效**:漂浮广告通常是固定在屏幕一侧,即使用户滚动页面,它也会保持在可视区域内。这可以通过设置CSS的`position: fixed`属性来实现。 6. **浮层广告**:浮层广告通常是指在页面上覆盖一层半透明的背景...

    css实现的对联广告代码

    为了解决旧版浏览器的兼容性问题,文章还提供了特别的CSS和JavaScript代码。在页面中嵌入对联广告的HTML代码,并通过JavaScript添加了关闭广告的交互功能。整个实现方式简洁明了,既考虑了现代浏览器的高效实现,也...

    JS对联广告,点击关闭后切换到小广告

    本款对联广告可始终漂浮在屏幕某一位置,可以手动关闭,但是点击关闭后广告并没有消失,而是至小对联状态,这样对广告商来说是比较公平的,因为广告商都不想用户把其广告关闭了,但作为浏览网站的用户来说,关闭广告...

Global site tag (gtag.js) - Google Analytics