Скрипт в распакованном виде весит очень мало, примерно 1.3кб, легко устанавливается и настраивается. Стили практически не используются, поэтому засорять блог здесь нечем.
Картинка указывается непосредственно в html коде, что есть положительно для поисковых роботов.
Использовать плагин можно для придания крутизны тексту, если надо акцентрировать внимание посетителя на каком-нибудь бренде. Например, блоггер или вордпресс, как в демке ↓
Аналогичным образом плагин SmokeEffect сможет пригодится в рекламе. Короче, включайте фантазию.
Демонстрация:
Остальные демо можно посмотреть здесь.
Установка.
1) jQuery.
2) Скачиваем базовый скрипт плагина и файл со стилем. Кладём на хостинг (для Blogger: если ещё н обзавелись, то пора подумать над этим) и копируем ссылки в <head></head>, ближе к закрывающему тегу.
<link href='http://хостинг/smokePuff.css' rel='stylesheet' type='text/css' /> <script src="хостинг/smokeEffect.js" type="text/javascript"></script>Хотя, для одного или двух -разового использования логично скопировать эти ссылки прямо в статью или html виджет (по ситуации) рядом с этими кодами (как это сделал я в демке) ↓
3) Настроечный скипт:
<script type='text/javascript'>
SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12);
SmokeEffect.imgLocation = "путь-к-картинке-облачка";
SmokeEffect.smokeWidth = 189;
SmokeEffect.smokeHeight = 176;
</script>Где:SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12) означает, что обрабатывается код с id "smokeSpawnPoint" и 24, 12 - позиция (x,y) облачка по отношению к тексту или картинке.
smokeWidth и smokeHeight - ширина и высота облака
4) Контейнер, который привязывает действие плагина к веб элементу. Обрабатываться может всё (картинка или текст), что находится внутри ↓
Источник.
Использованный прозрачный логотип блоггера/blogger logo:
Комментариев нет:
Отправить комментарий