链接到我的实际flash演示:http://nside-elite.techiedesign.net/redbox/flashtest.html
我用Adobe Flash (AS3脚本)创建了这个导航，它工作得很好。问题是，我使用Drupal为我的网站的CMS。尝试使用Drupal实现这个flash导航本身就是一件麻烦事。但即使这样，它也很难足够灵活，以便我可以根据需要通过Drupal的Primary links更改链接。
使用基于flash的导航的最后一个缺陷之一(即使假设我可以让它工作)是，如果我的代码使用了大量的hack为了让它在视觉上工作，蜘蛛和机器人可能无法正确地索引网站。
现在，我可以做我自己的研究和编码与CSS，因为我非常熟悉CSS 2.1和学习基本的CSS3目前。我看到的一个问题是我在鼠标悬停时使用的效果。我不知道怎么才能让金属标签在鼠标经过的时候下拉，同时让上面的灯光消失。我认为这是一个问题，因为灯光上的可点击(或"悬停区域")区域并不是直接在实际图像的顶部，而是在下方相当多的像素。
如果你至少能给我指个正确的方向，那就太好了。谢谢你！复制它当然是可能的，但不需要一些技巧。
你可以在这里看到一个工作的例子:http://jsfiddle.net/u3n5c/
解决这个问题的关键是意识到:hover事件将被触发，即使父容器比子容器小。从视觉上看，行和制表符似乎是独立的元素，但在代码中它们是典型的li> a。