Javascript 如何更改jQuery cycle插件的选项卡位置？

我有一个扩展版本的，工作非常好（）

如何向其添加参数，以便左侧的选项卡可以显示在右侧

var$output=$（'#output'）；
var$pager=$（“#制表符”）；
var设置=[]；
var positionFromTop=[]；
var pagerPaddingTop=parseInt（$pager.css（'padding-top'），10）；
//从html中获取数据，将其存储在设置中，然后删除
//我们这样做是为了与cycle完全兼容
$pager.children（）.each（函数（i，值）{
var$this=$（this）；
设置[i]=$this.clone（）；
positionFromTop[i]=$this.position（）.top-pagerPaddingTop；
});
$pager.empty（）；
函数onBefore（curr、next、opts）{
$pager
.停止
.制作动画({
scrollTop:positionFromTop[$（下一个）.index（）]
}, 1000);
}
（函数（$）{
$output.cycle({
寻呼机：$pager，
之前：onBefore，
停顿：是的，
是的，
pagerAnchorBuilder:函数（i）{
返回设置[i]；
},
上一页：$（“#寻呼机上一页”），
下一页：$（“#寻呼机_下一页”）
});
})（jQuery）
#寻呼机包装器{
宽度：320px；
高度：240px；
}
#寻呼机上一页，
#下一页{
显示：块；
宽度：286px；
位置：绝对位置；
z指数：15；
高度：20px；
边框顶部：1px实心#ccc；
边框底部：1px实心#ccc；
左边框：1px实心#ccc；
光标：指针；
}
#寻呼机前{
背景：#f8url（'http://png-2.findicons.com/files/icons/977/rrze/16/sort_up.png“）没有重复的底部中心；
}
#下一页{
底部：0；
背景：#f8url（'http://png-4.findicons.com/files/icons/977/rrze/16/sort_down.png’）没有重复的上止点；
}
身体{
背景：#EEE；
字体系列：“投石机MS”，Verdana，Arial，无衬线；
字体大小：14px；
线高：1.6；
}
#内容{
宽度：750px；
保证金：50px自动；
填充：20px；
背景：#FFF；
边框：1px实心#CCC；
}
h1{
保证金：0；
}
人力资源{
边界：无；
高度：1px；
线高：1px；
背景：#CCC；
边缘底部：20px；
填充：0；
}
p{
保证金：0；
填充：7px0；
}
.清楚{
明确：两者皆有；
线高：1px；
字号：1px；
}
a{
轮廓颜色：#888；
}
h3{
保证金：0；
填充：7px0；
字体大小：16px；
文本转换：大写；
}
分区功能列表{
宽度：750px；
高度：240px；
溢出：隐藏；
位置：相对位置；
}
分区功能列表{
列表样式：无；
填充：0；
保证金：0；
}
分区#功能#列表ul#选项卡{
位置：相对位置；
填充顶部：22px；
左：0；
z指数：10；
宽度：320px；
高度：196px；
溢出：隐藏；
左边框：1px实心#ccc；
}
ul#tabs li{
字体大小：12px；
字体系列：Arial；
}
ul#tabs li img{
填充物：5px；
边界：无；
浮动：左；
利润率：10px 10px 0；
}
ul#tabs li a{
颜色：#222；
文字装饰：无；
显示：块；
填充：10px；
高度：60px；
大纲：无；
}
ul#tabs li a：悬停{
文字装饰：下划线；
}
ul#tabs li.active幻灯片a{
背景：url（'http://jqueryglobe.com/labs/feature_list/feature-tab-current.png');
颜色：#FFF；
}
ul#tabs li.active幻灯片a：悬停{
文字装饰：无；
游标：默认值；
}
ul#输出{
右：0；
宽度：463px；
高度：240px；
位置：绝对位置；
排名：0；
}
ul#输出li{
位置：绝对位置；
宽度：463px；
高度：240px；
}
ul#输出li a{
位置：绝对位置；
底部：10px；
右：10px；
填充：8px 12px；
文字装饰：无；
字体大小：11px；
颜色：#FFF；
背景：#000；
-moz边界半径：5px；
}
ul#输出li a：悬停{
背景：#D33431；
}

功能列表
这是一个演示页面。使用


























我认为没有一个选项可以让你直接进入。你需要改变很多CSS。我如何扩展它来接受一个参数来改变CSS？你不应该这样做。JavaScript应该处理行为，CSS应该处理表示。从左到右更改选项卡是一项完全基于CSS的工作。我在这里更改了两个内容，并用
/*new*/
注释对它们进行了标记。我现在不准备改变整个事情。如果到那时还没有解决的话，也许以后吧。