Показать сообщение отдельно
  #4 (permalink)  
Старый 20.04.2016, 01:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

infoToggle смена текста
Georgian,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8"><style type="text/css">
.info{
  margin: 10px auto;
  overflow: hidden;
  border: 2px solid #FF00FF;
  transition: all .8s ease-out;
  padding: 2px 4px;
}
.info span{
  display:  inline-block;
  white-space: nowrap;
}

</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$.fn.infoToggle = function(d) {
    var a = $.extend(!0, {
        spide: 5000,
        pause: 3000,
        text: ["test"]
    }, d);
    return this.each(function(d, e) {
        var b = $("<span/>").appendTo(e),
            f = 0;
        (function g() {
            b.text(a.text[f++ % a.text.length]);
            var c = b.width();
            $(e).width(c);
            b.css({
                "margin-left": 2 * c
            }).animate({
                "margin-left": 0
            }, a.spide, function() {
                $(this).delay(a.pause).animate({
                    "margin-left": -(c + 10)
                }, a.spide, g)
            })
        })()
    })
};
$(function(){
$('.info').infoToggle({text:["Добро пожаловать на сайт!", "Для скачивания файлов нужно зарегистрироваться!","Если у вас возникнут вопросы пишите Администратору!"]});
});
  </script>
</head>

<body>
<div>
    <p class="info"></p>

</div>
</body>
</html>
Ответить с цитированием