zoukankan      html  css  js  c++  java
  • jquery对联广告

    话不多说了,jquery对联广告插件,支持载fash和图片。

    原理很简单,就是浮动 position:absolute,可关闭

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

    jQuery.fn.couplet = function(settings) {

    settings = jQuery.extend({
    100,
    height:300,
    top:100,
    leftCouplet:"",
    leftLink:"http://www.youzhuang.net/",
    rightCouplet:"",
    rightLink:"http://www.youzhuang.net/"
    },
    settings);
    var s = this;
    //添加广告窗口
    s.append("<div class=\"couplet\" id=\"leftCouplet\" style=\""+settings.width+";left:10px;top:0px; position:absolute;background:#e5e5e5;\"></div>");
    s.append("<div class=\"couplet\" id=\"rightCouplet\" style=\""+settings.width+";right:10px;top:0px; position:absolute;background:#e5e5e5;\"></div>");
    var leftCouplet = s.children("#leftCouplet");
    var rightCouplet = s.children("#rightCouplet");
    //加载左则广告
               if(settings.leftCouplet.substring(settings.leftCouplet.lastIndexOf('.')).toLowerCase() == ".swf"){
                   leftCouplet.append("<embed src=\"" + settings.leftCouplet + "\" width=\"" + settings.width + "\" height=\"" + settings.height + "\" </embed>");
               }else{
                    leftCouplet.append("<a href='"+settings.leftLink+"' target='_blank'><img src=\""+settings.leftCouplet+"\" width=\""+settings.width+"\"  height=\""+settings.height+"\"/></a>");
               }
               //加载右则广告
               if(settings.rightCouplet.substring(settings.rightCouplet.lastIndexOf('.')).toLowerCase() == ".swf"){
                   rightCouplet.append("<embed src=\"" + settings.rightCouplet + "\" width=\"" + settings.width + "\" height=\"" + settings.height + "\" </embed>");
               }else{
                    rightCouplet.append("<a href='"+settings.rightLink+"' target='_blank'><img src=\""+settings.rightCouplet+"\" width=\""+settings.width+"\"  height=\""+settings.height+"\"/></a>");
               }
               var closeBtn = "<div class=\"coupletClose\" style=\"text-align:center;padding:2px 0px;font-size:12px;cursor:pointer \">关闭</label>";
    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();
    });

    };
  • 相关阅读:
    2019左其盛好书榜,没见过更好的榜单(截至4月30日)
    3星|菲利普·科特勒《我的营销人生》:大师一生经历、成就、著作回顾
    3星|樊登《低风险创业》:创业相关的书+樊登个人创业经验
    OKR能解决996吗?德鲁克怎么看?
    《中国合伙人》背后的故事:4星|俞敏洪《我曾走在崩溃的边缘》
    3星|路江涌《共演战略画布》:PPT技巧级别的创新,缺实际分析案例
    C# 通用数据库配置界面,微软原生DLL重整合
    SoapUI、Jmeter、Postman三种接口测试工具的比较分析
    用VS制作的windows服务安装包 安装完后如何让服务自动启动
    POI使用详解
  • 原文地址:https://www.cnblogs.com/piuba/p/2354274.html
Copyright © 2011-2022 走看看