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

infoToggle random text
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;
}
h2{
   text-align: center;
}

</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"],
        rand: true
    }, d);
    return this.each(function(d, e) {
        var b = $("<span/>").appendTo(e),
            f = 0;
        (function g() {
            b.text(a.text[f]);
            f = a.rand ?  Math.random()*a.text.length|0 : ++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(){
$('.up').infoToggle({text:["Добро пожаловать на сайт!", "Для скачивания файлов нужно зарегистрироваться!","Если у вас возникнут вопросы пишите Администратору!"],rand: false});
$('.dn').infoToggle({text:["Добро пожаловать на сайт!", "Для скачивания файлов нужно зарегистрироваться!","Если у вас возникнут вопросы пишите Администратору!"], pause : 5000});
});
  </script>
</head>

<body>
<div>
    <h2>cycle</h2>
    <p class="info up"></p>
    <h2>random</h2>
    <p class="info dn"></p>
</div>
</body>
</html>

Последний раз редактировалось рони, 20.04.2016 в 10:35.
Ответить с цитированием