Web notes

Некий Pat Nakajima написал plugin на jQuery который плавно подсвечивает и изменяет цвет текста. Плагин корректно работает в браузерах, которые поддерживают CSS свойство text-shadow.

Плагин понимает такие параметры:
• textColor: каким цветом подсвечивать.
• haloColor: цвет сияния (в поддерживаемых браузерах).
• radius: размер сияния (в поддерживаемых браузерах).
• duration: скорость эффекта.

Подключаем таким образом:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.color.js" type="text/javascript"></script>
<script src="jquery-glowing.js" type="text/javascript"></script>

Строки: 1 – jQuery, 2 – плагин для работы с цветом и 3 – плагин свечения.

Используем так:

<script type="text/javascript">
$(document).ready(function() {
$('.white').addGlow();
$('.green').addGlow({ textColor: '#0f0', haloColor: '#0f0', radius: 100 });
$('.blue').addGlow({ textColor: '#00f', haloColor: '#00f', radius: 100 });
$('.red').addGlow({ textColor: '#f00', haloColor: '#f00', radius: 100 });
});

И HTML:

<div>
<p><a style="color: rgb(119, 119, 119);" class="white" href="http://www.webnotes.com.ua">Дайте курсор!.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="green" href="http://www.webnotes.com.ua">И тут тоже.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="blue" href="#">А это голубое.</a></p>
<p><a style="color: rgb(119, 119, 119);" class="red" href="#">Немного красненькое....</a></p>
</div>

Более подробно смотрите в примере «подсветка текста»

Скачать архив с примером «плавная подсветка текста»