Описания: Красивые эффекты для сайта ucoz, немного о скрипте после устоновке скрипта на ваш сайт при наведении на любую ссылку, которую хотите выделить будут появлятса очень красивые эффекты. Плюсы скрипта в том што можно выделить только ту часть сайта или ссылку, которую вам хотелось бы выделить. В скрипте несколько разных эффектов, перечислю: бомба, пузыри, снег, концентрация, расстояние, текстовые эффекты, комбинация, подсветка букв, случайные частицы. И так давайте устоновим скрипт: 1. Качаем скрипт и загружаем в файловый менеджер, в папку js, если её нет то создаём. 2. Ставим код в "Верхнею часть сайта"
Code <style type="text/css">.uRainbow-particle { font-size:20px; font-family:arial; z-index:2; position:absolute }.uRainbow-fireball-particle { font-size:20px; }</style>
<script>
$( function() {
$.uRainbow( 'defaults', {
fireball: { colors : ['#bc0', '#9EC536', '#4c4'], targetX:200, particles:10 },
bubbles: { colors : ['#bc0', '#9EC536', '#4c4']},
snow: { colors : ['#bc0', '#9EC536', '#4c4'] },
bomb: { colors : ['#bc0', '#9EC536', '#4c4'] },
concentrate: { colors : ['#bc0', '#9EC536', '#4c4'] }
});
$(".fireball").uRainbow({
type:'fireball'
});
$(".bomb").uRainbow({
type:'bomb'
});
$(".snow").uRainbow({
type:'snow'
});
$(".bubbles").uRainbow({
type:'bubbles'
});
$(".concentrate").uRainbow({
type:'concentrate'
});
$(".distance").uRainbow({
type:'distance'
});
$(".input").uRainbow({
type:'bubbles'
});
$(".charcatch").uRainbow({
type:'concentrate',
catchChars : true,
particles: 2
});
$(".complex").uRainbow([
{ type:'bubbles' },
{ type:'snow' }
]);
$(".rainbow").uRainbow({
type:'bomb',
randomizeParticles: true,
colors: [ "#f88", "#8e4", "#4bf"],
particles: 16,
radius:64
});
});
</script><script type="text/javascript" src="/js/uRainbow.js"></script>
Далее просто подключаем классы.
* class="effects fireball" - стандартный эффект
* class="effects bomb" - бомба
* class="effects bubbles" - пузыри
* class="effects snow" - снег
* class="effects concentrate" - концентрация
* class="effects distance" - расстояние
* class="effects input" - текстовые эффекты
* class="effects complex" - комбинация
* class="effects charcatch" - подсветка букв
* class="effects rainbow" - случайные частицы
Кто не знает как "см.ниже"
Выбераем ссылку к которой бы хотели подключить Эффекты
и подключаем! должно выгледить как то так: <a href="/news/skachat_shablony_dlja_ucoz/1-0-1" class="effects bomb">Шаблоны</a> Всё скрипт устоновлен.
|
