Слайд div по горизонтали с ослаблением - PullRequest
Новая
       16

Слайд div по горизонтали с ослаблением

3 голосов
/ 15 ноября 2011

Я стремлюсь к достижению скрытия / показа div, где при вводе мышью показывается div, но в режиме скольжения влево-вправо с замедлением.

Также мне нужна страница, чтобы сосредоточиться на новом div, которыйтолько что выскользнул / сделал видимым.

Вот мой сценарий.

Любые идеи о том, что мне нужно добавить? 

<script>$("#box0").mouseenter(function () {
    $("#lSection2").show('slide').delay(5000); 
    $("#boxContent0").slideDown(3000);
    $("#boxContent0").focus();

});

$('#boxContent0').mouseleave(function() {
    $("#boxContent0").fadeOut(1000);     
    $("#lSection2").fadeOut(1000);
});</script>

 <div class="AdBox" id="box0">mouse over or click to view details</div>



 <div id="lSection2" style="display:none;"><div id="boxContent0"
 style="display:none;"  class="boxContent">
     <div align="left" style="">Win Big<br />
 - Ipad<br />
 - Holiday<br />
 - 1 Year Spa Treatments</div>
     <div></div>

1 Ответ

2 голосов
/ 15 ноября 2011 
$(element).show('slide', { direction: 'left' }, 1000);
$(element).hide('slide', { direction: 'left' }, 1000);

http://docs.jquery.com/UI/Effects/Slide

...