调用方法
1 $(".onLine").sOnLine({ 2 position: "right", //对齐方式 1.left 左对齐 2.right 右对其 3 side: 10, //边距 4 top: 200 //顶部距离 注意是数字不时字符串 5 });
插件下载:sOnLine_1.0.rar
插件源码:
(function($){
$.fn.sOnLine = function (options) {
var defaults = {
position: "right", //对齐方式 1.left 左对齐 2.right 右对其
side: 10, //边距
top: 200 //顶部距离 注意是数字不时字符串
};
var options = $.extend(defaults, options);
var _self = this;
function init(){
var newTop = $(window).scrollTop()+options.top;
var newCss='{position:"absolute",'+ options.position +':"'+options.side+'px"}';/*,top:"'+options.top+'"*/
_self.css( eval('('+newCss+')') ).stop().animate({ top: newTop });
}
$(window).scroll(function () {
init();
});
init();
}
})(jQuery)