sifr3 вопросы по ролловеру - PullRequest
Новая
       14

sifr3 вопросы по ролловеру

1 голос
/ 10 января 2010

Привет, я поигрался с sifr3 и, кажется, неплохо справляется, но загрузка немного медленная, но приемлемая :). Однако моя проблема связана с переворачиванием / зависанием.

Я бы хотел установить активное состояние для текущей страницы.

Это я могу сделать, просто по какой-то причине назначив ребенку стиль;) он превращается в цвет по умолчанию "a". Но когда я наведу курсор мыши на другие ссылки, мне бы хотелось, чтобы они превратились в цвет по умолчанию для ссылки: *. 1005 *

Я попытался с помощью javascript изменить css в dom с помощью соответствующих селекторов sifr3. Но, похоже, мне придется каждый раз выдавать перезагрузку. Так что я застрял.

Вот мой текущий код 

sIFR.replace(myriad, {
   wmode: 'transparent',
  selector: ' .myriad2',
  css: {
        '.sIFR-root': { 'color': '#ffffff', 'background': 'transparent', 'letter-spacing': '0', 'leading': '-10', 'font-size' : '18' },
'a': { 'text-decoration': 'none', 'color': '#5DB9FA'  },
'a:link': { 'color': '#ffffff' },
'a:hover': { 'color': '#5DB9FA' }
      },
     forceSingleLine: true,
    filters: {
    DropShadow: {
    knockout: false,
    distance: 2,
    color: '#000000',
    alpha: .75,
    angle: 120
  },
BevelFilter: {
distance: 8,
angle: 90,
highlightColor: 0x000000,
highlightAlpha: 1,
blurX: 5,
blurY: 5,
strength: 1,
quality: 3,
type: 'inner',
knockout: false
}
}
});



   <!--nav-->
      <ul >
        <li  class="myriad2"><a class="current" href="#"><span >Home</span></a></li>
        <li  class="myriad2"><a href="#"><span>What we do</span></a></li>
        <li  class="myriad2"><a href="#"><span >Who we are</span></a></li>
        <li  class="myriad2"><a href="#"><span>Contact Us</span></a></li>
      </ul>
      <!--end nav-->

Я не знаю оптимально и планирую переместить селектор css на #someId li

но я все еще играю.

что было бы идеально добавить в CSS 

css:  {
'.sIFR-root': { 'color': '#ffffff', 'background': 'transparent', 'letter-spacing': '0', 'leading': '-10', 'font-size' : '18' },
'.sIFR-root:hover a.active { 'color' : '#ffffff' },
'a': { 'text-decoration': 'none', 'color': '#5DB9FA'  },
'.sIFR-root:hover a.active:hover { 'color' : '#5DB9FA' },
'a.active { 'color' : '#5DB9FA' },
'a:link': { 'color': '#ffffff' },
'a:hover': { 'color': '#5DB9FA' }

но это, похоже, не слишком хорошо работает: /,

Мне бы очень хотелось увидеть пример или несколько подсказок о том, как кто-то достиг этого.

...