漂浮广告

原创 2016年06月02日 12:49:44
漂浮广告(一)
 <DIV id=img style=position:absolute;width:120;height:69px;left:12;top:3><a href="../sg.htm" target="_blank"><img border=0 src=img/1231.gif width=147 height=68 alt=></a>
<SCRIPT language=JavaScript>          
<!-- Begin          
var xPos=20;var yPos=document.body.clientHeight;var step=1;var delay=40;var height=0;var Hoffset=0;var Woffset=0;var yon=0;var xon=0;var pause=true;var interval;img.style.top=yPos;function changePos(){width=document.body.clientWidth;height=document.body.clientHeight;Hoffset=img.offsetHeight;Woffset=img.offsetWidth;img.style.left=xPos+document.body.scrollLeft;img.style.top=yPos+document.body.scrollTop;if(yon){yPos=yPos+step;}else{yPos=yPos-step;}if(yPos<0){yon=1;yPos=0;}if(yPos>=(height-Hoffset)){yon=0;yPos=(height-Hoffset);}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);}}function start(){img.visibility='visible';interval=setInterval('changePos()',delay);}start();//--></SCRIPT></div>
 
 
漂浮广告(二)
 


把上面的代码放在需要放置广告的页面HTML代码的<body></body>之间

-----上面的代码说明-------

http://xu-ni.net //换成是漂浮图片点击后出现的页面,也就是点击后出现的详细的介绍页面
http://xu-ni.net/bbs/skins/copyright.gif //换成是漂浮广告图片的URL地址,最好采用绝对路径
var x = 50,y = 60 //浮动层的初始位置,分别对应层的初始X坐标和Y坐标

var xin = true, yin = true //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1 //层移动的步长,值越大移动速度越快
var delay = 10 //层移动的时间间隔,单位为毫秒,值越小移动速度越快
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript(07): 实例2---网页广告漂浮效果(面向对象版)

在上一个版本的基础上使用JavaScript的面向对象完成,为了不影响阅读,去掉了随滚动条移动的广告 Example function $(id) { r...

漂浮广告js代码

自己刚学js试着写了个浮动广告脚本,贴出来给大家喷喷 //给对象添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ ...

一段漂浮广告的js

  • kasirin
  • kasirin
  • 2014年12月12日 15:13
  • 244

JQ插件第五十一:老式漂浮广告图片

jQuery.piao = { "ads": new Object, "newFloatAd": function(options) { var defaultValu...

JS上下自动漂浮广告,可关闭

一不懂开发的朋友,需要一个左右浮动显示的广告,网上找了一个,放在这里,希望对大家有用。 很简单,只是想能给大家节省一部分时间     // 这是关闭飘浮广告的宽度,请根据你的广...

QQ在线咨询漂浮广告代码

QQ在线咨询漂浮广告代码 href="dip.css" type=text/css rel=stylesheet> a:link { color: #000000; te...
  • comeonJ
  • comeonJ
  • 2011年12月13日 15:29
  • 2581

兼容的漂浮广告(js)

wahaha //公共脚本文件 main.jsfunction addEvent(obj,evtType,func,cap){    cap=cap||false; if(obj.addEvent...

网站漂浮广告代码收藏

可以关闭,链接的网站图片漂浮代码 function closeBox() { document.getElementById("img").style.display = "none"; } ...

js漂浮广告代码(简洁!)

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml" > js漂浮广告代码...

基于JQuery网页漂浮广告窗口Js详解

网页类似广告漂浮窗口的制作思路以及详细代码
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:漂浮广告
举报原因:
原因补充:

(最多只允许输入30个字)