jQuery自动漂浮广告

这是一个可以自动漂浮的广告效果 ，这个效果火柴觉得比较渣 ，有个图片一直在页面浮动我是觉得很烦人，不过还是有同志很喜欢，，有需要可以拿去。

这个代码简单方便，兼容各主流浏览器，可以调节浮动速度，更牛x的是你不需要添加一行HTML,也不需要css，只要在页面添加一段js就搞定

JS

	

<!-- 漂浮广告 2013.12.17  added by wp -->
(function($){$.fn.floatAd=function(options){var defaults={imgSrc:"",url:"",openStyle:1,speed:20};var options=$.extend(defaults,options);var _target=options.openStyle==1?"target='_blank'":'';var html="<div id='float_ad' style='position:absolute;left:0px;top:0px;z-index:1000000;cleat:both;'>";html+="  <a href='"+options.url+"' "+_target+"><img src='"+options.imgSrc+"' border='0' class='float_ad_img'/></a>";html+="</div>";$('body').append(html);function init(){var x=0,y=0;var xin=true,yin=true;var step=1;var delay=10;var obj=$("#float_ad");obj.find('img.float_ad_img').load(function(){var float=function(){var L=T=0;var OW=obj.width();var OH=obj.height();var DW=$(document).width();var DH=$(document).height();x=x+step*(xin?1:-1);if(x<L){xin=true;x=L}if(x>DW-OW-1){xin=false;x=DW-OW-1}y=y+step*(yin?1:-1);if(y>DH-OH-1){yin=false;y=DH-OH-1}if(y<T){yin=true;y=T}var left=x;var top=y;obj.css({'top':top,'left':left})};var itl=setInterval(float,options.speed);$('#float_ad').mouseover(function(){clearInterval(itl)});$('#float_ad').mouseout(function(){itl=setInterval(float,options.speed)})})}init()}})(jQuery);

$(document).ready(function(){
        $(function(){
            $("body").floatAd({
                imgSrc : 'yzsm.jpg',
                url:'http://www.158code.com'
            });
        })
});

$(document).ready(function(){ $(function(){ $("body").floatAd({ imgSrc : '图片路径', url:'链接地址' }); }) }); 

speed:20 这里可以调节浮动速度 越大越慢

/***************************火柴为您提供的Demo*****************************************/

DEMO  Download