jquery 漂浮图片广告代码 兼容 精简版.
博客专区 > pureboys 的博客 > 博客详情
jquery 漂浮图片广告代码 兼容 精简版.
pureboys 发表于3年前
jquery 漂浮图片广告代码 兼容 精简版.
  • 发表于 3年前
  • 阅读 575
  • 收藏 9
  • 点赞 0
  • 评论 0
(function($){$.fn.floatAd=function(options){var defaults={imgSrc:"",url:"",openStyle:1,speed:10};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 : '图片地址',
                url:'链接地址'
            });
        })
});


共有 人打赏支持
粉丝 12
博文 148
码字总数 11112
×
pureboys
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: