Могут ли sIFR и LavaLamp работать вместе? - PullRequest
Новая
       12

Могут ли sIFR и LavaLamp работать вместе?

1 голос
/ 04 апреля 2009

У меня очень много времени на то, чтобы заставить 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.

Наконец, когда я это сделал: selector: '.lavaLamp li a', LavaLamp правильно инициализировался и начал правильно отображать шрифты и переходы.

Выпуски:

  1. Якорные теги не работают, когда нажав непосредственно на текст, который должен быть активным. Однако если вы нажмите на крайнем левом или правом изображение, которое LavaLamp использует в качестве ролловер, кликнет на якорь.
  2. Когда вы переворачиваете другие предметы в меню, иногда при наведении мыши выключено, последний пролонгированный остается выделено, а не возвращение к текущему активному пункту меню.

Заранее спасибо за любую помощь ...

-A

1 Ответ

0 голосов
/ 06 апреля 2009

Замените <li> вместо <a>, это позволяет sIFR обрабатывать щелчки и эффекты наведения внутри Flash-ролика.

...