如何正确编写用于jquery编码的菜单栏的CSS代码？

我想复制一下我的网站：iananthonyphotography.com

它是为菜单栏使用spry，为滑块使用jquery创建的

对于我的新站点，我想对菜单栏和滑块使用jquery。我做滑块没有问题，但是菜单栏给了我很多问题

下面是我将用于该条的实际文本的JSFIDLE

正如您所看到的，当水平滚动时，所有内容都完美地排列在页面中央。然而，我的编码在很多方面都是错误的。我需要为ul或ul和li项指定一个样式或id，这样我就可以隐藏菜单的子项，然后在鼠标悬停时指定jquery代码来显示它

您在jfiddle中看到的内容代表了在我遇到许多问题之后进行的一次拙劣的尝试。有人能帮我清理css代码吗？对于设计师或开发人员来说，这是小菜一碟，但对我来说却不是

有关完整的css代码，请参考JSFIDLE。为了写这篇文章，我不会花半个小时在每行文本前加上四个空格，否则我会直接在这里发布代码

---

我想这就是你需要的。如果你需要大量的清理工作，付钱给开发人员来完成这项工作可能是最好的解决方案

$（'nav ul li'）。在（'mouseover'，function（）上{
$（this.children（'ul'）.show（）；
}).on（'mouseleave'，function（）{
$（this.children（'ul'）.hide（）；
})

正文{
背景图片：url（images/homepage_images/frontpage.jpg）；
背景位置：上中；
背景附件：滚动条；
背景重复：无重复；
边际：0px；
}
正文，td，th{
字体系列：Verdana，日内瓦，无衬线；
字体大小：13px；
}
a{
文字装饰：无；
}
导航ul.nav-list{
文本对齐：居中；
宽度：1000px；
保证金：0自动；
}
导航ul.nav-list li{
显示：内联块；
线高：1.5em；
}
ul.nav-list>li{
位置：相对位置；
宽度：200px；
}
ul.nav-list>li>a：悬停{
背景色：#F0F；
}
导航ul li ul.下拉列表{
显示：无；
}
ul.dropdownli{
位置：绝对位置；
背景色：#C3C；
左：0；
宽度：200px；
z指数：1；
}
下拉列表李a{
颜色：#ddd；
}
下拉列表李a：悬停{
背景色：#0C3；
}

域已过期，因此我看不出它应该是什么样子。你有截图或类似的网站吗？

a:link {
text-decoration: none;
}