`
just4you
  • 浏览: 65635 次
社区版块
存档分类
最新评论

JS浮动广告脚本

阅读更多
工作的时候要用到的,就网上找了一下,顺便做个备份,下次不用再找了:)
做好记录。
还有的变量名称不知道是什么意思:(
<script for=window event=onload language="jscript"> 	
	//载入页面后,调用函数initAd() 
	initAd();
 </script> 
 <script language="JScript"> 
 <!-- 
 function initAd() { 
	 //设置onLoad事件激发以后,广告层相对于固定后的y方向位置 
	 document.all.AdLayer.style.posTop = -200;
	//设置层为可见 
	 document.all.AdLayer.style.visibility = 'visible';
	//调用函数MoveLayer() 
	 MoveLayer('AdLayer');
 } 
 function MoveLayer(layerName) { 
	//浮动广告层固定于浏览器的x方向位置
	 var x = 3; 
	 //浮动广告层固定于浏览器的y方向位置
	 var y = 30; 
    //0.40是速度,在0到1之间,数值越大,浮动广告动作越慢。实现广告由远及近,由快到慢的效果,可总是不太明白这样的写法,晕:(
    //scrollTop:滚动条的顶部,无单位
    //posTop:同top,无px单位
	 var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40; 
	 var y = document.body.scrollTop + y - diff; 
	//移动广告层
	 eval("document.all." + layerName + ".style.posTop = y"); 
	 eval("document.all." + layerName + ".style.posLeft = x"); 
	 //设置20毫秒后再调用函数MoveLayer()
	 setTimeout("MoveLayer('AdLayer');", 20);	  
 } 
 //--> 
 </script> 

 <body>     
 <!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片--> 
<div id=AdLayer style='position:absolute; width:111px; height:36px; z-index:20; visibility:hidden;; left: 3px; top: 30px'> 
<a href="http://www.163.com"><img src='http://images.163.com/homepage/logo.gif' border="0" height="36px" width="111px"></a> 
</div> 
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>

把图片广告换成flash,flash广告名称为“1b.swf”。
"div"标签中的width和height设置的小了,嵌入的flash比较大,在嵌入的flash中设置了原始大小。
<div id=AdLayer style='position:absolute; width:111px; height:36px; z-index:20; visibility:hidden;; left: 3px; top: 30px'> 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="750" height="500">
    <param name="movie" value="1b.swf" />
    <param name="quality" value="high" />
    <embed src="1b.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="750" height="500"></embed>
  </object> 
</div> 
分享到:
评论

相关推荐

    js浮动广告代码

    在这个场景中,"js浮动广告代码"指的是使用JavaScript实现的一种广告展示方式,这种广告会悬浮在网页的四周,无论用户滚动页面,它都会保持在屏幕的特定位置,从而提高广告的可见性和点击率。 浮动广告的实现原理...

    js浮动广告

    JavaScript(简称JS)浮动广告是一种常见的网页元素,用于在页面上显示吸引用户注意力的广告,通常会随着用户滚动页面而保持在屏幕上的特定位置。这种广告设计方式旨在提高广告的可见性和点击率,但同时也需要考虑...

    浮动广告js脚本

    自己初学的js写的代码,写的不好欢迎各种意见,目前测试在IE11和火狐下都没问题 使用方法: 只需在html页里面嵌入一段js代码如下: var obj=new Advert(); obj.src="";//图片地址 obj.href="";//点击图片链接地址 //...

    新浪首页左侧的Js浮动广告代码

    新浪首页左侧的Js浮动广告代码是实现这一功能的关键,它结合了JavaScript(Js)语言的动态效果与HTML布局,让广告能够在用户浏览页面时始终保持可见。 JavaScript是一种广泛应用于网页开发的脚本语言,它可以在...

    javascript浮动广告

    在本话题中,我们关注的是如何使用JavaScript实现一种特定的广告展示方式——浮动广告。这种广告通常会在网页的角落或者侧边栏中持续移动,吸引用户的注意力。当用户将鼠标悬停在广告上时,广告的移动会暂停,以提供...

    兼容各大浏览器的浮动广告JS代码

    `index.html`是网页的主体部分,它包含了HTML结构和引用外部JS脚本的地方,而`Ad.js`则是实现浮动广告功能的JavaScript代码。 在`index.html`中,你需要在合适的位置引入`Ad.js`,通常是`&lt;head&gt;`标签内的`&lt;script&gt;`...

    浮动广告javascript

    浮动广告在网页设计中是一种常见的营销手段,它通常以JavaScript实现,可以在用户浏览页面时持续显示,以此提高广告的曝光率。本文将深入探讨如何使用JavaScript来创建浮动广告,以及涉及的相关技术点。 首先,我们...

    div+js浮动广告

    在网页设计中,"div+js浮动广告"是一种常见的实现方式,它利用HTML的`&lt;div&gt;`元素结合JavaScript脚本来创建动态的、跟随用户滚动的广告展示。这种广告形式能够吸引用户的注意力,提高广告的曝光率,同时不会过于干扰...

    Javascript浮动广告图片代码,已封装!兼容性强!使用简单!

    在本案例中,"Javascript浮动广告图片代码"是指一种利用JavaScript实现的广告展示技术,这种技术可以让广告在网页上以浮动的方式显示,吸引用户的注意力。 浮动广告,也称为漂浮广告或飞舞广告,通常是指在网页滚动...

    JS中间浮动广告(可手动、自动关闭)

    在网页设计和开发中,有时需要添加一些交互式的广告元素以吸引用户注意,"JS中间浮动广告(可手动、自动关闭)"就是这样的一个实现。本文将深入探讨这个主题,介绍如何利用JavaScript来创建这种广告,并讨论其核心...

    浮动广告 左右广告浮动广告 左右广告

    根据给定文件的信息,我们可以提炼出与“浮动广告”相关的几个关键知识点,包括浮动广告的基本概念、实现原理、以及在实际网页开发中的应用等。 ### 一、浮动广告的概念 浮动广告是一种常见的在线广告形式,它能够...

    网站JS浮动广告代码.pdf

    在给定的“网站JS浮动广告代码.pdf”中,主要讲解了如何使用JavaScript实现网页上的浮动广告效果。浮动广告是指广告元素在用户滚动页面时仍然保持在屏幕的某个固定位置,提供持续的视觉关注。 首先,我们看到一个名...

    html js浮动的广告.zip

    在浮动广告的场景下,JavaScript 用于处理用户交互、动画效果以及广告的显示和隐藏。例如,它可以设置定时器让广告在页面加载后一段时间内出现,或者当用户滚动页面时,使广告始终位于屏幕的一侧保持“浮动”。 ...

    javascript浮动的广告源码

    对于想要深入了解JavaScript浮动广告开发的读者,可以参考以下资源: - MDN Web文档:学习JavaScript基础和高级特性。 - W3School:了解CSS布局和JavaScript事件处理。 - 实战项目:参与开源项目或自行创建类似功能...

    web div浮动广告

    在Web开发中,"div浮动广告"是一种常见的设计技术,用于在网页上创建如客服在线等浮动元素。这种广告或功能通常位于页面的一侧,随着用户滚动页面而始终保持可见,以便用户随时能与客服进行交流。现在我们来深入探讨...

    新浪首页左侧的Js浮动广告代码.zip

    【标题】"新浪首页左侧的Js浮动广告代码.zip" 是一个包含JavaScript代码的压缩文件,主要用于实现网页上类似新浪首页左侧的动态广告效果。这种广告通常以浮动的方式展示,能够吸引用户注意力,提高广告的点击率。Js...

    淘宝网图片浮动广告代码

    淘宝网图片浮动广告代码是一种常见的网页交互元素,用于吸引用户注意力并提高网站的广告效果。在网页设计中,这种广告通常会随着用户滚动页面而上下移动,保持在用户的视野范围内。这种技术结合了JQuery库、div+css...

    怎样制作网站中的浮动广告

    给定的代码通过JavaScript实现了浮动广告的基本功能。首先,我们来了解整个代码的大致结构: ```html initAd(); ``` 这里的`&lt;SCRIPT&gt;`标签定义了一个内联脚本,用于指定页面加载完成时执行`initAd()`函数。`FOR=...

    YAdBox javascript 固定浮动广告特效.zip

    【标签】"js" 标签指明这个项目是与JavaScript相关的,JavaScript是一种广泛应用于网页开发的脚本语言,用于处理客户端(浏览器端)的交互和动态效果。在这个项目中,JavaScript被用来实现广告的动态显示和交互功能...

Global site tag (gtag.js) - Google Analytics