Главная » Файлы » Прочие скрипты » jQuery

3D облако тегов на HTML5 и jQuery для вашего сайта
[ Скачать с сервера (12.1 Kb) ] 30.06.14, 19:15:54



Довольно-таки интересный скрипт, о котором мне поведал пользователь Abalim, за что ему большущее спасибо. Пора поплнять скриптотеку сайта smile

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставляйте:
Код
$(document).ready(function() {
  $('#myCanvas').tagcanvas({
  textColour : '#555', // Цвет текста
  outlineThickness : 1, // Обводка у ссылок (Да, Нет)
  maxSpeed : 0.03, // Максимальная скорость
  depth : 0.9 // Глубина. От 0 до 1
  })
});


Следующий код в то место, где должно быть облак тегов:
Код
<canvas width="300" height="300" id="myCanvas">
  <p>Anything in here will be replaced on browsers that support the canvas element</p>
  <ul>
  <li><a href="#" target="_blank">apo-ucoz</a></li>
  <li><a href="#">Уникальные скрипты</a></li>
  <li><a href="#">Интересные статьи</a></li>
  <li><a href="#">Общение</a></li>
  <li><a href="#">Сиськи</a></li>
  </ul>
  </canvas>


Источник материала: КЛИК

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: на, JQuery, тегов, Облако, Вашего, HTML5, сайта, для, 3D
Просмотров: 3260 | Загрузок: 471 | Комментарии: 3 | Рейтинг: 1.0/3
Всего комментариев: 2
0
Кстати, у облака очень много настроек, описание всех функций есть на сайте автора. В итоге получается очень красиво, радует HTML5, кроссбраузерность нынче в моде. wink

0
Да, настроек куча, но я не стал перегружать материал. Кому нужно будет - забежит на сайт-источник и возьмёт то, что нужно, оттуда smile

Имя *:
Email: