Как се прави този ефект

[Rada]

В Dir.bg много интересно е разположен текста - кутия, отгоре на самата кутия меню и само като го посочиш, без да кликаш информацията в кутията се променя според надписа на посочения бутон. Може ли някой да ми каже как да направя това за моя сайт?

 

[lays]

Ами предполагам, че е JavaScrypt, но не съм съвсем сигурен... Ще потърся и ако намеря ще ти дам :wink: ако някой друг знае нека ти го даде :wink:

 

[Rada]

О, значи да започвам да чета за Java, благодаря. Аз сигурно няма да успея да го направя така, обаче може да направя CSS меню и да се клика - значи, ако направя таблица с различни по големина клетки и в горната част на всяка клетка да сложа по три бутона, които посетителите да си кликат, няма да е същия ефект, но все пак ще свърши работа. Обаче ефекта на Dir.bg ми хареса много.

 

[mute]

ето нещо подобно
http://www.barelyfitz.com/projects/tabber/

 

[emagi]

О, значи да започвам да чета за Java, благодаря. Аз сигурно няма да успея да го направя така, обаче може да направя CSS меню и да се клика - значи, ако направя таблица с различни по големина клетки и в горната част на всяка клетка да сложа по три бутона, които посетителите да си кликат, няма да е същия ефект, но все пак ще свърши работа. Обаче ефекта на Dir.bg ми хареса много.

JavaScript и Java нямат нищо общо!Имай го в предвид!

 

[shterev]

аз имам една идея как може да стане с CSS, но е най-добре с JavaScript. Не че няма да работи ,просто много зависи колко ще е голям текста.

Та говорим за два спана, единия с едини текст, другия с другия текст.Вкарваш ги в <a> , задаваш на всичко да е блоков елемент, настрйваш си ширината, и там както искаш. След това задаваш единия спан да се вижда при hover , а другия не и мосля че ще се получи.

 

[Rada]

Значи, първо ще пробвам с предложението на mute, да видим какво ще направя, а после ще пробвам с идеята на shterev и ще кажа какво се е получило.