调用方法
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)
时间: 2024-10-10 20:14:18