обработка одной функцией нескольких элементов
Содержимое examples.js
(function ($)
{
$.fn.ignite = function (burn)
{
$(this).each(
function ()
{
var letters = $(this).text().split('');
$(this).html('<span>' + letters.join('</span><span>') + '</span>');
$spans = $(this).find('span');
setInterval(function () {$spans.each(burn);}, 100);
}
);
}
})(jQuery);
function gasFlame()
{
var colors = ['#fff', '#99f', '#00f', '#009'];
if (Math.random() > 0.90)
{
colors.push('#f90');
}
var hv = 0.04;
var textShadows = [];
var c = 0;
var h = 0;
var s = 0;
while (c < colors.length)
{
s = 2 + Math.round(Math.random() * 2);
while (s--)
{
shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];
textShadows.push(shadow);
h -= hv;
}
c++;
}
$(this).css({color: colors[0], textShadow: textShadows.join(', ')});
}
$(
function ()
{
$('p.flaming').ignite(gasFlame);
}
);
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Language" content="en-us" /> <title> </title> <script type="text/javascript" src="http://www.zachstronaut.com/js.164/jquery.js"></script> <script type="text/javascript" src="http://www.zachstronaut.com/posts/text-effects/examples.js"></script> </head> <body> <p class="flaming">Текст</p> <p class="flaming">Текст2</p> </body> </html> Как сделать что бы обрабатывались оба параграфа? Спасибо |
неужели никто не знает как решить эту задачу?
|
Цитата:
Цитата:
Учитесь самостоятельно отлаживать свой код -никто за вас это делать не будет. Если вы не можете отладить всего несколько строк кода своего, то наверное не стоит вам заниматься программированием . Неужели тяжело локализовать проблему , и если не удаётся её решить -задать вопрос, а не найдите мне проблему у меня? |
| Часовой пояс GMT +3, время: 01:03. |