[汇总]jquery浮动式对联广告代码

[汇总]jquery浮动式对联广告代码 /* 此插件要求运行在jQuery v1.3 或更高版本上 * 此插件功能 * 1、单独设置左、右浮动对联各自内容; * 2、设置左右浮动对联内容一样; * 3、仅单独使用左或右侧对联; * 4、可以在屏幕分辨率宽度小于多少时不出现对联广告; * 5、设置是否允许关闭对联，每侧对联单独关闭。 * 6、使用jQuery使网页内容和行为分离。 * 7、可以设置左或右侧对联距容器顶部及左侧或右侧的距离。 * 8、灵活设置左或右侧对联的高或宽,当您的内容大小超过您的设置值时，将自动隐藏超出部分。 * 9、只要您愿意，您可以设置无数多个浮动内容。 * 10、更多功能请您在我的博客中留言，以便我后续更新…… * * * 技术支持: * 此为自由拷贝版本，您可以在此基础上添加任何功能 * 彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享，也建议您保留部分彦磊的信息 * * * * 使用前您一定要引入jQurey及本脚本,如 * * * 上面的例子最终结果，将出现四个浮动内容，上面两个分别是adl和adr中的内容,下面两个是 ad中的内容。如果您愿意，您可以加无数个这样的广告。 * 3、插件相关参数: * top,广告距页面顶部距离，默认为60 * left,广告距页面左侧距离，默认为0 * right,广告距页面右侧距离，默认为0 * width,广告容器的宽度，默认为100 * height,广告容器的高度，默认为360 *minScreenW,出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广告，默认为800， 即在800×600分辨率下不会显示广告内容 * position,对联广告的位置,left-在左侧出现,right-在右侧出现，默认为"left"。注意要加英文 单或双引号。 * allowClose,是否允许关闭，如果为true，则会在广告内容上方添加“关闭”，单击时将关闭 所在广告内容。值为true或false */ (function($) { $.fn.jFloat = function(o) { o = $.extend({ top:60, //广告距页面顶部距离 left:0,//广告左侧距离 right:0,//广告右侧距离 width:100, //广告容器的宽度 height:360, //广告容器的高度 minScreenW:800,//出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广 告 position:"left", //对联广告的位置left-在左侧出现,right-在右侧出现 allowClose:true //是否允许关闭 }, o || {}); var h=o.height; var showAd=true; var fDiv=$(this); if(o.minScreenW>=$(window).width()){ fDiv.hide(); showAd=false; } else{ fDiv.css("display","block") var closeHtml=''; switch(o.position){ case "left": if(o.allowClose){ fDiv.prepend(closeHtml); $(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20; } fDiv.css({position:"absolute",left:o.left+"px",top:o.top+"px",width:o.wi dth+"px",height:h+"px",overflow:"hidden"}); break; case "right": if(o.allowClose){ fDiv.prepend(closeHtml) $(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20; } fDiv.css({position:"absolute",left:"auto",right:o.right+"px",top:o.top+"p x",width:o.width+"px",height:h+"px",overflow:"hidden"}); break; }; }; function ylFloat(){ if(!showAd){return} var windowTop=$(window).scrollTop(); if(fDiv.css("display")!="none") fDiv.css("top",o.top+windowTop+"px"); }; $(window).scroll(ylFloat) ; $(document).ready(ylFloat); }; })(jQuery);