jQuery при загрузке анимированного изображения слева направо

0

Может ли какой-нибудь человек посоветовать, как медленно отправить это изображение слева направо? Я могу видеть изображение, и я могу щелкнуть его, чтобы перейти к URL-адресу, но он не оживляет, просто появляется сразу? благодаря

 <!DOCTYPE html>
 <html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
 </script>
 <script>
 $( "#lefttoright" ).animate({opacity: 0.25,    left: "=250",
 height: "toggle"  },  5000, function() {    // Animation complete.
 });}); 
 </script>
 </head>
 <body>
    <div id="lefttoright">    
    <a href="http://www.stackoverflow.com" title="go to link">
    <img src="/images/leftright.png" alt="news" width="150" height="75" /></a>
    </div>
</body>
</html>
Теги:

1 ответ

2
Лучший ответ

Вам нужно обернуть слушателя в готовый обработчик DOM

$(function(){

    $( "#lefttoright" ).animate({ opacity: 0.25, left: "250", height: "toggle"  },  5000, function() {    
         // Animation complete.
    });
});

Код скрипта здесь

<div id="lefttoright"> <a href="http://www.stackoverflow.com" title="go to link">
    <img src="https://www.google.com/images/srpr/logo4w.png" alt="news" width="150" height="75" /></a>
</div>

var left = $(window).width() - $('#lefttoright').offset().left;

$("#lefttoright").animate({
    opacity: 0.25,
    left: left,
}, 5000, function () { 
    // Animation complete.
});


#lefttoright {
    width: 200px;
    height: 200px;
    position: absolute;
    background: yellow;
}
Поделиться
  • 1
    бей меня к этому лол
  • 0
    Когда он что-то делает, он показывает полное изображение, а затем съедает его снизу вверх, и он ушел, как я могу заставить его проскользнуть слева и остановиться, скажем, после 200px? Спасибо
Показать ещё 8 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню