sIFR和LavaLamp能一起工作吗？

Question

我有一段时间让sIFR和LavaLamp在一起玩得很好。

LavaLamp的简要历史：

LavaLamp:一个jQuery插件

开始于

1. 加载支持JS文件的LavaLamp和jQuery，添加LavaLamp css
2. ，创建一个未排序的列表，并向其添加类"lavaLamp“，将包含锚标记的
3. 添加列表备忘录添加到urls

示例CSS

.lavaLamp {
        position: absolute;
        height: 29px;
        padding: 15px;
        margin: 24px 0 0 0;
        }



.lavaLamp li {

        float: left;
        list-style: none;
        }



.lavaLamp li.back {

        background: url(../images/lava.png) no-repeat right -30px
        width: 9px;
        height: 30px;
        z-index: 8;
        position: absolute;
        }



.lavaLamp li.back .left {

        background: url(../images/lava.png) no-repeat top left
        height: 30px;
        margin-right: 9px;
        }



.lavaLamp li a {

        font-size: 20px;
        position: relative;
        overflow: hidden;
        text-decoration: none;
        color: #000000;
        outline: none;
        text-align: center;
        height: 30px;
        top: 4px;
        z-index: 10;
        letter-spacing: 0;
        float: left;
        display: block;
        padding:0px 10px;
        }

示例HTML：

让sIFR初始化菜单的最初尝试是将选择器设置为“选择器：‘#菜单’。这根本不起作用。慢慢地，我开始深入到div的巢穴中去。”

最后，当我这样做时:选择器：'.lavaLamp li a'，LavaLamp正确初始化并开始正确显示字体和滚动。

这些问题：

1. 当直接单击应该处于活动状态的文本时锚标记不起作用。但是，如果您单击LavaLamp使用的图像的最左边或右侧作为滚动，它将单击锚点。
2. 当您滚动菜单中的其他项目时，有时当您鼠标离开时，最后的滚动停留将突出显示，而不是返回当前活动的菜单项。

。

谢谢你的帮忙..。

-A

Answer 1

取代<li>而不是<a>，这样sIFR就可以在Flash电影中处理单击和悬停效果。