侧栏广告 image flash

侧栏广告简单插件

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

 

(function($) {
    $.fn.barScroll = function(options) {
        /*
        width:  宽度
        height: 高度
        model: 模式 image,flash
        top:      距顶的距离
        bargap:左边或右边的距离
        bartype:挂靠模式 left,right
        link:       跳转链接
        src:       文件链接
        */
        var defaults = {
            width: 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({ width: 100, height: 248, model: 'image', top: 250, bargap: 0, bartype: 'left', link: 'index.html', src: '1.gif' });

$("body").barScroll({ width: 100, height: 248, model: 'flash', top: 250, bargap: 0, bartype: 'right', link: 'index.html', src: '1.swf' });