zoukankan      html  css  js  c++  java
  • 侧栏广告 image flash

    侧栏广告简单插件

    <script src="JS/jquery-1.6.2.min.js" type="text/javascript"></script>

    (function($) {
        $.fn.barScroll = function(options) {
            /*
              宽度
            height: 高度
            model: 模式 image,flash
            top:      距顶的距离
            bargap:左边或右边的距离
            bartype:挂靠模式 left,right
            link:       跳转链接
            src:       文件链接
            
    */
            var defaults = {
                 100,
                height: 20,
                model: 'image',
                top: 100,
                bargap: 10,
                bartype: 'left',
                link: '#',
                src: '#'
            };

            var opts = $.extend(defaults, options);

            var barScrollID = 'barScroll' + Math.round(Math.random() * 10000);

            var positiontype = $.browser.msie && $.browser.version < 7 ? "absolute" : "fixed";

            if (opts.bartype != 'left' && opts.bartype != 'right') {
                opts.bartype = 'left';
            }

            var str = "";

            if (opts.model == "flash") {
                str += "<OBJECT codeBase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'  type='application/x-shockwave-flash' width='" + opts.width + "' height='" + opts.height + "'>";
    //            str += "<PARAM NAME='Movie' VALUE='" + opts.src + "'>";
                str += "<PARAM NAME='Src' VALUE='" + opts.src + "'>";
                str += "<PARAM NAME='WMode' VALUE='Opaque'>";
                str += "<PARAM NAME='Quality' VALUE='High'>";
                str += "<PARAM NAME='AllowFullScreen' VALUE='false'>";
                str += "<embed  width='"+opts.widht+"' height='"+opts.height+"' src='"+opts.src+"' quality='High' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' wmode='opaque' allowscriptaccess='always'  >"
                str += "</embed>";
                str += "</object>";
            }
            else {
                str += "<img src='" + opts.src + "' width='" + opts.width + "' height='" + opts.height + "'>";
            }


            $("body").append("<a id='" + barScrollID + "' href='" + opts.link + "' style='position:" + positiontype + ";top:" + opts.top + "px;" + opts.bartype + ":" + opts.bargap + "px;z-index:999;' target='_blank'>" + str + "</a>");

            if ($.browser.msie && $.browser.version < 7) {
                $(window).scroll(function() {
                    $("#" + barScrollID + "").css("top", $(window).scrollTop() + opts.top + "px");
                })
            }
            $(window).resize(function() {
                $("#" + barScrollID + "").css("top", $(window).scrollTop() + opts.top + "px");
            })
        };
    })(jQuery)

    调用

    $("body").barScroll({  100, height: 248, model: 'image', top: 250, bargap: 0, bartype: 'left', link: 'index.html', src: '1.gif' });

    $("body").barScroll({  100, height: 248, model: 'flash', top: 250, bargap: 0, bartype: 'right', link: 'index.html', src: '1.swf' });
  • 相关阅读:
    RabbitMQ和Kafka的区别
    如何在 Vim 中复制,剪切,粘贴
    python中的堆支持自定义的比较函数
    LLDP协议(笔记草稿)
    You may have an infinite update loop in a component render function,vue模板报错
    修改element ui样式,el-dialog__header样式,并且不影响全局
    js,小数字符串去除右边零显示
    egg-sequelize创建表
    Cyclic dependency found. Users is dependent of itself,mysql表循环依赖问题
    eggjs sequelize操作多个数据,表名不加s,不默认加创建和修改时间字段
  • 原文地址:https://www.cnblogs.com/hejunrex/p/2230184.html
Copyright © 2011-2022 走看看