Плавный выход текста - Visavi.net
https://visavi.net/
RSS - Visavi.nethttps://visavi.net/assets/img/images/logo_small.pngRSS - Visavi.net
https://visavi.net/
[email protected] (admin)[email protected] (admin)Sun, 24 Nov 2024 07:44:19 +0300Всё равно какие то глюки присутствуют...<br>
<br>
<em><span style="font-size:x-small">Добавлено через 05:46 сек.</span></em><br>
это наверно из за торможения stop текста
https://visavi.net/topics/39732/654402
Плавный выход текста YouMobeWed, 25 Dec 2013 09:06:54 +0400Сообщенияhttps://visavi.net/topics/39732/654402Конечно, где мой профит?
https://visavi.net/topics/39732/654138
Плавный выход текста АлександрFri, 20 Dec 2013 15:39:53 +0400Сообщенияhttps://visavi.net/topics/39732/654138хм.. дёргается всё равно, вот смотри lifecms.ru на главную зайди
https://visavi.net/topics/39732/654137
Плавный выход текста YouMobeFri, 20 Dec 2013 15:21:56 +0400Сообщенияhttps://visavi.net/topics/39732/654137<pre class="prettyprint">
$(function() {
//cache the ticker
var ticker = $("#ticker");
//wrap dt:dd pairs in divs
ticker.children().filter("dt").each(function() {
var dt = $(this),
container = $("<div>");
dt.next().appendTo(container);
dt.prependTo(container);
container.appendTo(ticker);
});
//hide the scrollbar
ticker.css("overflow", "hidden");
//animator function
function animator(currentItem) {
// PROFIT!
$("#ticker").children(":first").fadeTo(2000, 0);
//work out new anim duration
var distance = currentItem.height();
duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;
//animate the first child of the ticker
currentItem.animate({ marginTop: -distance}, duration, "linear", function() {
// PROFIT!
currentItem.fadeTo(1000, 1);
//move current item to the bottom
currentItem.appendTo(currentItem.parent()).css("marginTop", 0);
//recurse
animator(currentItem.parent().children(":first"));
});
};
//start the ticker
animator(ticker.children(":first"));
//set mouseenter
ticker.mouseenter(function() {
// PROFIT!
ticker.children().css("opacity", 1);
//stop current animation
ticker.children().stop(true);
});
//set mouseleave
ticker.mouseleave(function() {
//resume animation
animator(ticker.children(":first"));
});
});
</pre>
вот поправил
https://visavi.net/topics/39732/654133
Плавный выход текста АлександрFri, 20 Dec 2013 14:19:02 +0400Сообщенияhttps://visavi.net/topics/39732/654133Я спать лег потом) Есть недочеты там. Первый блок также пропадае при анимациит. Надо тоже пофиксить)
https://visavi.net/topics/39732/654130
Плавный выход текста АлександрFri, 20 Dec 2013 14:02:01 +0400Сообщенияhttps://visavi.net/topics/39732/654130круто, исчезновение тоже плавное сделаешь?))<br>
<br>
<em><span style="font-size:x-small">Добавлено через 00:35 сек.</span></em><br>
6. Пока нет балов, не забуду +)
https://visavi.net/topics/39732/654123
Плавный выход текста YouMobeFri, 20 Dec 2013 08:12:20 +0400Сообщенияhttps://visavi.net/topics/39732/654123Нет ничего не возможного) С тебя печенька<br>
<pre class="prettyprint">
$(function() {
//cache the ticker
var ticker = $("#ticker");
//wrap dt:dd pairs in divs
ticker.children().filter("dt").each(function() {
var dt = $(this),
container = $("<div>");
dt.next().appendTo(container);
dt.prependTo(container);
container.appendTo(ticker);
});
//hide the scrollbar
ticker.css("overflow", "hidden");
//animator function
function animator(currentItem) {
// PROFIT!
currentItem.css("opacity", 0);
//work out new anim duration
var distance = currentItem.height();
duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;
//animate the first child of the ticker
currentItem.animate({ marginTop: -distance}, duration, "linear", function() {
// PROFIT!
currentItem.fadeTo(2000, 1);
//move current item to the bottom
currentItem.appendTo(currentItem.parent()).css("marginTop", 0);
//recurse
animator(currentItem.parent().children(":first"));
});
};
//start the ticker
animator(ticker.children(":first"));
//set mouseenter
ticker.mouseenter(function() {
// PROFIT!
ticker.children(":last").css("opacity", 1);
//stop current animation
ticker.children().stop();
});
//set mouseleave
ticker.mouseleave(function() {
//resume animation
animator(ticker.children(":first"));
});
});
</pre>
https://visavi.net/topics/39732/654118
Плавный выход текста АлександрFri, 20 Dec 2013 02:40:39 +0400Сообщенияhttps://visavi.net/topics/39732/654118по ходу не получиться((
https://visavi.net/topics/39732/654107
Плавный выход текста YouMobeThu, 19 Dec 2013 23:57:41 +0400Сообщенияhttps://visavi.net/topics/39732/654107вот пример, <a href="http://boltun.mobi/," target="_blank" rel="nofollow">http://boltun.mobi/,</a> заметили как текст резко появляется, как придать плавность?
https://visavi.net/topics/39732/654105
Плавный выход текста YouMobeThu, 19 Dec 2013 22:55:50 +0400Сообщенияhttps://visavi.net/topics/39732/654105Для выхода блока есть же slide вроде <a href="http://api.jquery.com/slideDown/" target="_blank" rel="nofollow">api</a>
https://visavi.net/topics/39732/654092
Плавный выход текста АлександрThu, 19 Dec 2013 20:18:25 +0400Сообщенияhttps://visavi.net/topics/39732/654092Перед текстом вставляешь <pre class="prettyprint"><marquee direction="up" scrollamount="1" scrolldelay="20" onmouseover="this.stop()" onmouseout="this.start()" height="220"><br></pre> а после теста, в последней строке, закрываем <pre class="prettyprint"></marquee></pre> С цифрой 220 можешь поэспериментировать
https://visavi.net/topics/39732/654083
Плавный выход текста Снежана НочеваThu, 19 Dec 2013 18:25:20 +0400Сообщенияhttps://visavi.net/topics/39732/654083Этот код осуществляет выход текста вверх, до указанной высоты и ширины, выход текста резкий, хочу придать плавность при появлении текста, как сделать это?<br>
<pre class="prettyprint">
$(function() {
//cache the ticker
var ticker = $("#ticker");
//wrap dt:dd pairs in divs
ticker.children().filter("dt").each(function() {
var dt = $(this),
container = $("<div>");
dt.next().appendTo(container);
dt.prependTo(container);
container.appendTo(ticker);
});
//hide the scrollbar
ticker.css("overflow", "hidden");
//animator function
function animator(currentItem) {
//work out new anim duration
var distance = currentItem.height();
duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;
//animate the first child of the ticker
currentItem.animate({ marginTop: -distance }, duration, "linear", function() {
//move current item to the bottom
currentItem.appendTo(currentItem.parent()).css("marginTop", 0);
//recurse
animator(currentItem.parent().children(":first"));
});
};
//start the ticker
animator(ticker.children(":first"));
//set mouseenter
ticker.mouseenter(function() {
//stop current animation
ticker.children().stop();
});
//set mouseleave
ticker.mouseleave(function() {
//resume animation
animator(ticker.children(":first"));
});
});
</pre>
https://visavi.net/topics/39732/654061
Плавный выход текста YouMobeThu, 19 Dec 2013 10:45:09 +0400Сообщенияhttps://visavi.net/topics/39732/654061