3D облако тегов на HTML5 и jQuery
Довольно-таки интересный скрипт, о котором мне поведал пользователь Abalim, за что ему большущее спасибо!
Для начала посмотрите ДЕМО
Установка:
1#: После /head на нужных страницах вставляйте:
|
1 2 3 4 5 6 7 8 9 10 11 |
<script src="/js/jquery.tagcanvas.min.js?2.4"></script> <script> $(document).ready(function() { $('#myCanvas').tagcanvas({ textColour : '#555', // Цвет текста outlineThickness : 1, // Обводка у ссылок (Да, Нет) maxSpeed : 0.03, // Максимальная скорость depth : 0.9 // Глубина. От 0 до 1 }) }); </script> |
2#: Следующий код в то место, где должно быть облак тегов:
|
1 2 3 4 5 6 7 8 9 10 |
<canvas id=" mycanvas"="" width="300" height="300"> Anything in here will be replaced on browsers that support the canvas element <ul> <li><a href="#" target="_blank" rel="noopener">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> |
Осталось лишь залить JS файл из прикреплённого архива в папку js
За основу взят материал с ЭТОГО сайта
Спасибо
Пожалуйста 😃
не отображается, помогите
Можно ссылку на сайт?
Установка не полная: без .js код работать не будет. И качать лучше с их сайта Minified.
Где-то видел .js короче, только вот где, не помню... Когда работал флэш он и не нужен был...
Спасибо! Статья подправлена