用jquery 写了一个左右对联广告插件

什么也不说了,先上代码:

复制代码 (function($){$.floatside=function(o){     var setting={"top":60,"left":10,"right":10,"width":100,"height":400,"minScreenW":1024,"position":"left","allowClose":true,"content":"<span>\u7A7A\u767D\u5185\u5BB9</span>"};     setting=$.extend(setting,o||{});     if(setting.minScreenW>=$(window).width())return false;     var $fdiv=$(document.createElement('div')).appendTo(document.body).html(setting.content);     if (setting.position=='left')         {$fdiv.css({"position":"absolute","left":setting.left,"top":setting.top,"zIndex":10});}     else         {$fdiv.css({"position":"absolute","right":setting.right,"top":setting.top,"zIndex":10});}     if(setting.allowClose==true){var $close=$('<p><a href="#">关闭</a></p>').appendTo($fdiv).click(function(){$fdiv.hide();return false});}     $(window).scroll(function(){var Wscrol=$.getPageScroll();$fdiv.css("top",setting.top+Wscrol.Y);});     }})

调用方法示例:

复制代码 $.floatside({'content':'<a href="http://zhuti.huoban.taobao.com/event.php?pid=mm_10055670_0_0&eventid=100941" target="_blank"><img src="adv/20091222/10094109571102575414.jpg" /></a>','position':'left'}); $.floatside({'content':'<a href="http://zhuti.huoban.taobao.com/event.php?pid=mm_10055670_0_0&eventid=100941" target="_blank"><img src="adv/20091222/10094109571102575414.jpg" /></a>','position':'right'});

效果预览:
http://www.asprain.com/board.asp?id=3
一点说明:这个对联广告只有在显示器宽度超过1024象素的情况下才会显示的.当然也可以自己修改那个minScreenW参数.它的高度和宽度是自适应的,左边的广告离左边10象素,右边的广告离右边10象素.

不好用啊