• 侧栏广告 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' });
  • 相关阅读:
    Word pair Hu
    [bzoj1601] 灌水
    小木棍
    雇佣计划
    [Luogu1282] 多米诺骨牌
    [Luogu1216] 数字三角形
    [Luogu1734] 最大约数和
    [NOIp2008] 传纸条
    [Luogu1325] 雷达安装
    nginx
  • 原文地址:https://www.cnblogs.com/hejunrex/p/2230184.html
Copyright © 2020-2023  润新知