Блог ⁄ Идеи ⁄ Как сделать, чтобы ссылки с биржи занимали меньше места
Всё гениально и просто. Будем использовать скрипт Innefade. Fade-эффект, о котором я уже писал, поможет и со ссылками.
- Разработка сайтов
- Продвижение сайтов
- Поиск клиентов, привлечение клиентов
- Вертикальное меню с задержкой перед закрытием
- Простое вертикальное меню
- Полосы прокрутки с изменёнными текстурами
- Продвижение. Анализ конкурентов
Текст размещён в обычном списке. Ниже пример xhtml-кода:
<ul id="ullinks">
<li><a href="/">Разработка сайтов</a></li>
<li><a href="/optimizaciya-saita">Продвижение сайтов</a></li>
<li><a href="/optimizaciya-saita">Поиск клиентов, привлечение клиентов</a></li>
<li><a href="/blog/javascript/vertikalnoe-menu-s-zaderjkoi-pered-zakrytiem">Вертикальное меню с задержкой перед закрытием</a></li>
<li><a href="/blog/javascript/vertikalnoe-menu">Простое вертикальное меню</a></li>
<li><a href="/blog/javascript/polosy-prokrutki-smena-textur">Полосы прокрутки с изменёнными текстурами</a></li>
<li><a href="/blog/seo/prodvijenie-analiz-konkurentov">Продвижение. Анализ конкурентов</a></li>
</ul>
А вот так этот скрипт настраивается (этот код прописывать в разделе <head>):
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#ullinks').innerfade({
animationtype: 'fade',
speed: 750,
timeout: 3000,
type: 'random',
containerheight: '1em'
});
});
</script>
Настройки скрипта:
- animationtype: тип анимации, бывает 'fade' или 'slide' (по умолчанию 'fade'),
- speed: скорость изменения в миллисекундах, можно словами (slow, normal or fast) (по умолчанию 'normal'),
- timeout: время между сменами двух слоёв/ссылок (по умолчанию '2000'),
- type: порядок смены 'sequence', 'random' or 'random_start' (дефолтом 'sequence'),
- containerheight: высота контейнера, в котором помещены сменяющиеся элементы, в любых CSS-допустимых единицах (по дефолту 'auto').
Скачать пример со сменой текстов, ссылок и картинок можно с моего сайта. Родина сего скрипта на сайте http://medienfreunde.com/.
