Question

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

LavaLamp的简史：

LavaLamp：一个jQuery插件

启动

加载LavaLamp和jQuery 支持JS文件添加LavaLamp CSS
创建未排序的列表并添加类“lavaLamp”到它
添加包含的列表成员锚标记到网址

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：

<div id="menu">
   <ul class="lavaLamp">
      <li><a href="somewhere.html">Some Where</a></li>
      <li><a href="somewhereelse.html">Some Where Else</a></li>
   </ul>
</div>

初始化sIFR以初始化菜单的初始尝试是将选择器设置为“selector：'＃menu”。这根本不起作用。慢慢地我开始越来越多地进入div的嵌套。

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

问题：

当锚标签不起作用时直接点击文字即可应该是活跃的。但是，如果你点击最左边或右边 LavaLamp用作的图像翻转，它将点击锚点。
当您滚动其他项目时菜单，有时你的鼠标关闭，最后滚动停留突出显示，而不是回归到当前活动的菜单项。

提前感谢您的帮助......

-A

Answer 1

替换<li>而不是<a>，这样sIFR可以处理Flash影片中的点击和悬停效果。

sIFR和LavaLamp可以一起工作吗？

1 个答案: