3D облако тегов на HTML5 и jQuery
Довольно-таки интересный скрипт, о котором мне поведал пользователь Abalim, за что ему большущее спасибо. Пора поплнять скриптотеку сайта smile
Для начала посмотрите ДЕМО
Моё тестирование в фидле КЛИК
Установка:
1#: После /head на нужных страницах вставляйте:
1 2 3 4 5 6 7 8 |
$(document).ready(function() { $('#myCanvas').tagcanvas({ textColour : '#555', // Цвет текста outlineThickness : 1, // Обводка у ссылок (Да, Нет) maxSpeed : 0.03, // Максимальная скорость depth : 0.9 // Глубина. От 0 до 1 }) }); |
2#: Следующий код в то место, где должно быть облак тегов:
1 2 3 4 5 6 7 8 9 10 |
<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> |
За основу взят материал с ЭТОГО сайта
Спасибо
Пожалуйста 😃
не отображается, помогите
Можно ссылку на сайт?