Плавная подсветка текста.


Некий 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>

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

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

, ,

1 Star2 Stars3 Stars4 Stars5 Stars (голосов 10, в среднем: 4.30 из 5)
Loading ... Loading ...


  1. #1 Евгений - Июль 24th, 2011 at 21:34

    Плагин хорош, жаль что работает только С Хромом

(will not be published)

Spam Protection by WP-SpamFree Plugin

  1. No trackbacks.