обработка одной функцией нескольких элементов
Содержимое 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, время: 15:58. |