Javascript CSS-带三角形选择器的活动菜单

我希望模拟这种类型的菜单，其中选择器通过动画从一个项目移动到另一个项目，页面内容滑入视口

---

例如，如果我在“雇用”部分单击“工作”选项，我希望“工作”页面的内容滑入视图，同时三角形选择器转到“工作”部分。我使用Jquery尝试了一些选项，但失败得很惨。如果有人能帮我，那就太棒了！蒂亚

您可以使用整页滑块库或。您需要对css进行一些更改（显然）才能在菜单中获得所需的三角形效果，但这将使您开始。

#选项卡27{
位置：相对位置；
显示：块；
高度：42px；
字体大小：11px；
字体大小：粗体；
背景：透明url（'http://i.stack.imgur.com/d1IZB.gif'）重复左上角x；
字体系列：Arial，Verdana，Helvitica，无衬线；
文本转换：大写；
}
#表27 ul{
边际：0px；
填充：0；
列表样式类型：无；
宽度：自动；
}
#表27 ul li{
显示：块；
浮动：左；
边距：0 1px 0；
}
#表27 ul li a{
显示：块；
浮动：左；
颜色：#FeCC3；
文字装饰：无；
填充：14px22px22px；
高度：28px；
}
#表27 ul li a：悬停，
#表27 ul li a.电流{
颜色：#fff；
背景：透明url（'http://i.stack.imgur.com/cVLDh.gif’）没有重复的上止点；
}