侧栏广告简单插件
<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)
$.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' });
$("body").barScroll({ 100, height: 248, model: 'flash', top: 250, bargap: 0, bartype: 'right', link: 'index.html', src: '1.swf' });