1

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

LavaLamp 的简史：

LavaLamp：一个 jQuery 插件

由

  1. 加载 LavaLamp 和 jQuery 支持 JS 文件添加 LavaLamp css
  2. 创建一个未排序的列表并将“lavaLamp”类添加到其中
  3. 将包含锚标记的列表成员添加到 url

示例 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 初始化菜单的最初尝试是将选择器设置为“选择器：'#menu'。这根本不起作用。慢慢地，我开始越来越深入地进入 div 的巢穴。

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

问题：

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

在此先感谢您的帮助...

-一个

4

1 回答 1

0

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

于 2009-04-06T16:25:32.443 回答