JQuery实现左右滚动菜单特效

.attr('id', 'scrollable_left_' + content.attr('id'))
.attr('className', options.scrollable_left_class);
left.text(options.leftText);

var container = $('<div></div>')
.attr('id', 'scrollable_container_' + content.attr('id'))
.attr('className', options.scrollable_container_class);

content.css('line-height', '29px')
.css('position', 'relative')
.css('left', '0px')
.css('overflow', 'hidden')
.css('float', 'left');

var right = $('<div></div>')
.attr('id', 'scrollable_right_' + content.attr('id'))
.attr('className', options.scrollable_right_class);
right.text(options.rightText);

show = function() {
scrollable.appendTo(render);
container.appendTo(scrollable);
left.css('display', '');
right.css('display', '');
content.appendTo(container);
left.prependTo(scrollable);
right.appendTo(scrollable);
if(content.width() <= container.width() + 20) {
scrollable.remove('.' + options.scrollable_left_class);
scrollable.remove('.' + options.scrollable_right_class);
left.css('display', 'none');
right.css('display', 'none');
container.width(content.width());
scrollable.width(container.width());
}
container.position = {left: container.css('left').substr(0, -2)}
container.position.right = container.position.left + container.width();
content.position = {left: new Number(content.css('left').substr(0, -2))}
content.position.right = content.position.left + content.width();
};

show();

var originalBroswerWidth = document.body.clientWidth;
window.onresize = function() {
if(options.resizeEvent) {
var newBroswerWidth = document.body.clientWidth;
var percent = newBroswerWidth / originalBroswerWidth;
container.width(container.width() * percent);
scrollable.width(container.width() + left.width() + right.width());
show();
}
originalBroswerWidth = document.body.clientWidth;
}

var scroll = false;
move = function(distance) {
var newLeft = content.position.left + distance;
var newRight = content.position.right + distance;
if(distance > 0 && newLeft > container.position.left) {
distance = container.position.left - content.position.left;
scroll = false;
} else if(distance < 0 && newRight < container.position.right) {
distance = content.position.right - container.position.right;
scroll = false;
}
newLeft = content.position.left + distance;
newRight = content.position.right + distance;
scorll = beforeScroll ? beforeScroll(
{left: content.position.left, right: content.position.right},
{left: newLeft, right: newRight}) : scroll;
if(scroll) {
content.css('left', newLeft + 'px');
content.position.left += distance;