2009-04-04 3 views
0

У меня чертовски время, когда sIFR и LavaLamp играют вместе.Может ли 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:

<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 ». Это не сработало. Медленно я начал двигаться дальше и дальше в гнездо дива.

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

Вопросы:

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

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

-A

ответ

0

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

Смежные вопросы