第一种方式:
<script>
var Rimifon = {
"Ads" : new Object,
"NewFloatAd" : function(imgUrl, strLink)
{
var ad = document.createElement("a");
ad.DirV = true;
ad.DirH = true;
ad.AutoMove = true;
ad.Image = new Image;
ad.Seed = Math.random();
ad.Timer = setInterval("Rimifon.Float(" + ad.Seed + ")", 50);
this.Ads[ad.Seed] = ad;
ad.Image.Parent = ad;
ad.style.position = "absolute";
ad.style.left = 0;
ad.style.top = 0;
ad.Image.src = imgUrl;
ad.Image.onmouseover = function(){this.Parent.AutoMove = false;}
ad.Image.onmouseout = function(){this.Parent.AutoMove = true;}
if(strLink)
{
ad.href = strLink;
ad.Image.border = 0;
ad.target = "_blank";
}
ad.appendChild(ad.Image);
document.body.appendChild(ad);
return ad;
},
"Float" : function(floatId)
{
var ad = this.Ads[floatId];
if(ad.AutoMove)
{
var curLeft = parseInt(ad.style.left);
var curTop = parseInt(ad.style.top);
if(ad.offsetWidth + curLeft > document.body.clientWidth + document.body.scrollLeft - 1)
{
curLeft = document.body.scrollLeft + document.body.clientWidth - ad.offsetWidth;
ad.DirH = false;
}
if(ad.offsetHeight + curTop > document.body.clientHeight + document.body.scrollTop - 1)
{
curTop = document.body.scrollTop + document.body.clientHeight - ad.offsetHeight;
ad.DirV = false;
}
if(curLeft < document.body.scrollLeft)
{
curLeft = document.body.scrollLeft;
ad.DirH = true;
}
if(curTop < document.body.scrollTop)
{
curTop = document.body.scrollTop;
ad.DirV = true;
}
ad.style.left = curLeft + (ad.DirH ? 1 : -1) + "px";
ad.style.top = curTop + (ad.DirV ? 1 : -1) + "px";
}
}
}
</script><body><div style="width:30cm;height:40cm"></div></body><script>
Rimifon.NewFloatAd("http://www.jb51.net/images/logo.gif", "http://www.baidu.com");
//var ad = Rimifon.NewFloatAd("http://www.jb51.net/images/logo.gif");
//ad.style.left = 500;
//ad.style.top = 456;
//ad.Image.width = 88;
//ad.Image.height = 31;
</script>
第二种方式:
方法:直接吧此页面引入即可
<script>
function alertwindow(url)
{
window.open(url);
}
</script>
<div id="floatAD" style="position:absolute;z-index:10;">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD><img src="/uploadfiles/ad/image/000.jpg" border="0" width="80" height="80" onclick="alertwindow('http://www.baoying.com')"></TD>
</TR>
<TR bgColor=#CCCCCC>
<TD height="20" align="right"><span style="CURSOR: hand;color:white;font-size:12px;margin-right:4px;" onclick="closefloatAD()">关闭</span></TD>
</TR>
</TABLE>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("floatAD")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
function closefloatAD()
{
document.getElementById('floatAD').style.visibility='hidden';
if(itl) window.clearInterval(itl)
}
</script>
分享到:
相关推荐
网页浮动广告代码 非常好的 网页浮动广告代码 非常好的 网页浮动广告代码 非常好的
网站浮动广告代码 网页浮动广告代码 非常好的 网页浮动广告代码 非常好的
JS写的网页旁边的广告; 就是浮动广告 有2个 一个是可以关闭的广告 一个是不可以关闭的广告
十种常见的网页浮动广告代码,增加网站的功能性,可以参考
1. 右栏浮动广告 QUOTE: <script language=javascript>var specialcode="; right: 1px; POSITION: absolute; TOP: 180px;'>;border-top:1px solid #2E6287;border-right:1px solid #2E6287;font-size:12px;color:#...
您正发为网页浮动广告特效发愁吗? 欢迎下载使用兼容各大浏览器的浮动广告 JS代码,效果非常不错!
一个用于网页浮动广告的类,使用极其方便。
网页上的浮动广告
页面中浮动的小广告 几种简单的浮动广告 简单 方便
网页右下角浮动广告框 js技术 用于在网页的右下角弹出消息,方便查看
网页两侧的浮动对联广告,随鼠标滑动,压缩包内有两个对联广告,分别是有关闭按钮和无关闭按钮。
1.可以拦截弹出窗口:方法使用鼠标钩子,对用户按下鼠标时间判断,如果窗口弹出时间与鼠标按下的时间...对浮动窗口的拦截:普通的浮动窗口可以拦截,但是对于在.js文件里做的那些浮动窗口、层能检测到,但是拦截不了
淘宝网图片浮动广告代码 JQuery,div+css,网页特效,广告设计
JavaScript实现网页上的浮动广告的简单方法,需要的朋友可以参考一下
jQuery浮动广告横幅代码是一款网页底部悬浮的广告横幅,点击关闭按钮图片广告横幅大小图隐藏切换效果代码。
在dreamweaver网站制作时要做网页中的浮动广告可以直接使用的java脚本语言
这是一个简单的图片在网页内浮动适合初学者
本程序为前端的脚本语言,对于网页浮动广告,广告图片可以很容易的替换,可以修改连接。
网页左下角浮动广告,可点击关闭,也可点击后在网页中间播放,同时也支持网页右下角弹出窗口播放广告代码。
这个是真的可以浮动的 有的网上源码在dramweaver里面可以浮动 但是丢到网页上就不行了 本代码就将该问题解决了