Выделить первое слово jQuery / Скрипты / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Скрипты

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 1170

Количество символов:

Посмотрели: 2607 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.5 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: jQuery, Скрипт, Script, Snippet, html, сниппет, Bootstrap

Поделился: BootstrapТема

Добавлено: 2016-07-12 в 22:22

Метка: 1581116016

⇄ ⇅

<h1 class="text-center">BootstrapTema on the subject Bootstrap</h1>

<p class="text-center lead">Выделяется первое слово в указанном элементе, используется скрипт jQuery.</p>
 <p>В скрипте можно указать:</p>
 <p>Цвет = <code>rgb(100,7,210)</code></p>
 <p>Шрифт = <code>font-family:DublonC;</code></p>
 <p>Другие свойства CSS для стилизации</code></p>
 <p class="text-center lead">Пример скрипта</p>

<pre><code>
&lt;script&gt;
 (function($) {
 $.fn.paintFirstWord= function(color) {
 var str = this.text();
 var splited = str.split(' ');
 var replaced = str.split(splited[0]).join('&lt;span style = "color:' + color + ';font-family:DublonC;"&gt;' + splited[0] + '&lt;/span&gt;');
 this.html(replaced);
 };
 }
 )(jQuery);
 $('h1').paintFirstWord('rgb(100,7,210)');
 &lt;/script&gt;

</code></pre>

</div>
</div>

BootstrapTema

Выделить первое слово jQuery

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0