基于jquery轻量级对联广告插件

时间：2011-10-22 编辑：简简单单来源：一聚教程网

代码如下

复制代码

//调用方法
//$("body").couplet({width:100,height:300,leftCouplet:"http://www.111com.net/ad/left.swf",rightCouplet:"http://www.111com.net/ad/right.swf"});});
//调用参数
//width:100,--宽默认宽度100
//height:300,--总高默认高度 300
//top:100,广告距顶部的高度
//leftCouplet:"http://www.111com.net/ad/left.swf",左则flash地址或图片地址
//leftLink:"http://www.111com.net/",左则连接地址，广告是图片时需要
//rightCouplet:"http://www.111com.net/ad/right.swf",右则flash地址或图片地址
//rightLink:"http://www.111com.net/"右则连接地址，广告是图片时需要

jQuery.fn.couplet = function(settings) {

            settings = jQuery.extend({
                width: 100,
                height:300,
                top:100,
                leftCouplet:"",
                leftLink:"http://www.111com.net/",
                rightCouplet:"",
                rightLink:"http://www.111com.net/"
            },
            settings);
            var s = this;
            //添加广告窗口
           s.append("

");
s.append("

");
           var leftCouplet = s.children("#leftCouplet");
           var rightCouplet = s.children("#rightCouplet");
           //加载左则广告
           if(settings.leftCouplet.substring(settings.leftCouplet.lastIndexOf('.')).toLowerCase() == ".swf"){
                leftCouplet.append("

");
           }else{
                leftCouplet.append("");
           }
           //加载右则广告
           if(settings.rightCouplet.substring(settings.rightCouplet.lastIndexOf('.')).toLowerCase() == ".swf"){
                rightCouplet.append("

");
           }else{
                rightCouplet.append("");
           }
           var closeBtn = "

关闭";
           leftCouplet.append(closeBtn);
           rightCouplet.append(closeBtn);
           $(".coupletClose").click(function(){
               leftCouplet.remove();
               rightCouplet.remove();
           });

           //显示对联
            show();

            function show(){
                var winTop = $(window).scrollTop();
                $(".couplet").animate({
                   top: winTop + settings.top
                 }, 300);

            };
            //滚动条事件
            $(window).scroll(function() {
                $(".couplet").stop();
                show();
            });

        };

上一个： jquery ajax 没有返回值的解决方法
下一个：基于jquery 日历插件应用

推荐专题

最新下载

热门教程

基于jquery轻量级对联广告插件

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程