Подсказки с пузырьками
Новый вид подсказки,при наведении на ссылки выскакивает голубое окно с текстом,причём всё анимированно
Установка:
Сначала скачиваем архив,затем файлы bubbles.js и bubbles.css заливаем в файловый менеджер, а другие файлы в папку css
После этого прописываем эти код код в HTML разместке:
Code
<div id="projects">
<a href="http://webo4ka.ru" title="Лучший бесполезняк">webo4ka.ru</a>
<a href="http://webo4ka.ru" title="Скрипты для uCoz">webo4ka.ru</a>
<a href="http://webo4ka.ru" title="Это подсказка с пузырьками">Наведите курсор</a>
</div>
<a href="http://webo4ka.ru" title="Лучший бесполезняк">webo4ka.ru</a>
<a href="http://webo4ka.ru" title="Скрипты для uCoz">webo4ka.ru</a>
<a href="http://webo4ka.ru" title="Это подсказка с пузырьками">Наведите курсор</a>
</div>
Этот код пишем в конце CSS:
Code
<link rel="stylesheet" type="text/css" media="screen" href="bubbles.css" />
А этот код в javascript :
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.1.2/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="bubbles.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
switch(document.body.id){
default:
new bubbles();
}
});
</script>
<script type="text/javascript" src="bubbles.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
switch(document.body.id){
default:
new bubbles();
}
});
</script>
Источник: не указан
0 комментариев