Мне нужен пример текстовой анимации, динамически добавленной в Div? - PullRequest
Новая
       0

Мне нужен пример текстовой анимации, динамически добавленной в Div?

0 голосов
/ 09 декабря 2011

Я хочу сделать текстовую анимацию с помощью JQuery, но я не знаю, как мне начать и как мне это кодировать.На самом деле, что / где гуглить.

Если вы посмотрите на http://www.apple.com/stevejobs/, вы увидите, что текст перемещается, а последний добавляется в верхнюю часть с хорошим затуханием и так далее.Не могли бы вы помочь мне привести пример / пример того, как это делается в JQuery Ajax и html.

Я хочу реализовать его на Python в качестве бэкэнда, а в начале использовать Ajax, JQuery, Javascript и так далее,пожалуйста, дайте подсказку, что лучше.

Спасибо

Ответы [ 2 ]

3 голосов
/ 09 декабря 2011
  1. Поместите текст в <div> s
  2. Используйте эффекты jQuery , чтобы показать, скрыть и анимировать текст.
  3. При желании добавить jQueryЭффекты смягчения пользовательского интерфейса и использование чего-то вроде easeInOutCubic функции замедления.
0 голосов
/ 09 декабря 2011

Это должно помочь вам начать хотя бы с эффектом. 

<!DOCTYPE html>
<html>
<head>
  <style>
div { background:#de9a44; margin:3px; width:80px; 
height:40px;  }
#one { background:#de9a44; margin:3px; width:80px; 
height:40px; display:none;  }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="one"></div>
<div></div>
<div></div>
<script>
    //sets a timer to 1sec
$(document).ready(function () {
    window.setInterval(yourfunction, 1000);
});

    //goes to a php file and return data to be appended to your div.
function yourfunction() {   
    $.get("test.php", function(data){
        $("#one").html(data)
        $("#one").slideDown("slow");

    });

}
</script>

</body>
</html>

таймер благодаря Kristof Claes и здесь больше информации о функции get () jquery. Моя рекомендация для вас состоит в том, чтобы наметить логику того, чего вы хотите достичь, и найти, как это можно назвать, и начать формировать по частям ваш результат. Вот что я делаю, я не эксперт в jquery, но у меня есть идея и благодаря великим людям в SO и Google, я могу делать удивительные вещи.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...