У меня чертовски время, когда sIFR и LavaLamp играют вместе.Может ли sIFR и LavaLamp работать вместе?
Краткая история LavaLamp:
LavaLamp: плагин JQuery
пущенная
- нагрузки поддерживающие JS файлы LavaLamp и JQuery добавить LavaLamp CSS
- создать несортированный список и добавить класс "lavaLamp" к нему
- добавить список членов Ассоциации, которые содержат якоря теги к 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 инициализирован правильно и начал правильно отображать шрифты и катиться.
Вопросы:
- Теги якорь не работают, когда нажав непосредственно на текст, который должен быть активным. Однако, если вы нажмите в левом или правом углу изображение LavaLamp использует в качестве поворота , он щелкнет якорь.
- Когда вы пролонгировать другие элементы в меню, несколько раз, когда вы мышь прочь, последний перевернулась остается подсвечены, а не возвращать к пункту активного меню.
Заранее спасибо за любую помощь ...
-A