网站的百度推广怎么做,科普网站建设,wordpress分城市访问,代运营公司怎么找客户jquery全屏漂浮广告插件 兼容主流浏览器 实现简单 调用简单 在线预览 源码下载jquery全屏漂浮广告插件 兼容主流浏览器 实现非常简单说明#xff1a;jquery在1.9开始不支持.live()方法的写法而改用.on()#xff0c;见http://jquery.com/upgrade-guide/1.9/#live-removed.该插…jquery全屏漂浮广告插件 兼容主流浏览器 实现简单 调用简单 在线预览 源码下载jquery全屏漂浮广告插件 兼容主流浏览器 实现非常简单说明jquery在1.9开始不支持.live()方法的写法而改用.on()见http://jquery.com/upgrade-guide/1.9/#live-removed.该插件中关闭图片链接使用了.live().请根据自己情况自行修改.在线预览插件源码(function($){$.fn.floatAd function(options){var defaults {imgSrc : http://wenwen.soso.com/p/20100204/20100204193850-483274619.jpg, //漂浮图片路径url : http://map.yanue.net, //图片点击跳转页openStyle : 1, //跳转页打开方式 1为新页面打开 0为当前页打开speed : 10 //漂浮速度 单位毫秒};var options $.extend(defaults,options);var _target options.openStyle 1 ? target_blank : ;var html ; html x;html ;$(body).append(html);function init(){var x 0,y 0var xin true, yin truevar step 1var delay 10var 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){//-1为了iexin 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(){itlsetInterval(float, options.speed)} )});// 点击关闭$(#close_float_ad).live(click,function(){$(#float_ad).hide();});}init();}; //floatAd})(jQuery);调用方法$(function(){//调用漂浮插件$(body).floatAd({imgSrc : http://wenwen.soso.com/p/20100204/20100204193850-483274619.jpg,url:http://www.yanue.net});})
