Требуется подсказка

[moofx]

Доброго времени

Требуется помощь, подсказка...

Прикрепляю скрин для наглядности!

При наведении мышки на поле 1, поле 2... поле n 'из него' должно выезжать поле, с графическими файлами, ссылками

Подкиньте ссылку на готовое решение

спс

ps. в долгу не останусь, скажу спасибо

Edited March 12, 2009 by moofx

[Быколай]

ps. в долгу не останусь, скажу спасибо

Готовые ссылки в гугле и Яндексе,

Смотря чем решать задачу. Можно js+css, а можно и flash наворотить! Могу подсказать на js+css. Сколько и чего должно выезжать? Поподробней пожалуйста.

Edited March 9, 2009 by Быколай

[moofx]

Готовые ссылки в гугле и Яндексе,

Смотря чем решать задачу. Можно js+css, а можно и flash наворотить! Могу подсказать на js+css. Сколько и чего должно выезжать? Поподробней пожалуйста.

Странно ссылка, есть в теле первого сообщения но почему то не отображается!

Вот она http://lh4.ggpht.com/_leqlT-aDN0U/SaTF1tSZ...lok%20go-go.jpg

Вот нужно так что бы было, желательно наверное не а флеше)) хотя хзхз...

Спасибо, что отозвались))

Edited March 10, 2009 by moofx

[Быколай]

Странно ссылка, есть в теле первого сообщения но почему то не отображается!

Вот она http://lh4.ggpht.com/_leqlT-aDN0U/SaTF1tSZ...lok%20go-go.jpg

Вот нужно так что бы было, желательно наверное не а флеше)) хотя хзхз...

Спасибо, что отозвались))

moofx, скрин я видел, а вот последняя ссылка - битая!

Вариант на js&css если нужен, то можно.

примерно на скорую рука так:

<script>
function show1(){
document.getElementById("1").style.visibility = "visible";
document.getElementById("2").style.visibility = "hidden";
document.getElementById("3").style.visibility = "hidden";
}
function show2(){
document.getElementById("2").style.visibility = "visible";
document.getElementById("1").style.visibility = "hidden";
document.getElementById("3").style.visibility = "hidden";
}
function show3(){
document.getElementById("3").style.visibility = "visible";
document.getElementById("1").style.visibility = "hidden";
document.getElementById("2").style.visibility = "hidden";
}

</script>
<style>
.main{
 float: left;}
.1{
 color: red;}
.2{
 color: green;}
.3{
 color: blue;}
#1, #2, #3{
 visibility: hidden;
 z-index: 1;
 position: absolute;
 width: 200;
 height: 100;}
#1{
 background-color: red;}
#2{
 background-color: green;}
#1{
 background-color: blue;}
.hidden{
 position: absolute;
 top: 0px;
 left: 200px;}

img{
 width: 75;
 height: 100;
 float: left;}


</style>

<div class="all">
<div class="main">
<div class="1" onmouseover="java script:show1()">Первый пункт</div>
<div class="2" onmouseover="java script:show2()">второй</div>
<div class="3" onmouseover="java script:show3()">ну и третий!</div>
</div>
<div class="content">

</div>
</div>
<div class="hidden">
<div id="1"><a href=""><img src="1.jpg">Вот и менюшка!!!</a></div>
<div id="2"><a href=""><img src="2.jpg">Все о старике Хэме</a></div>
<div id="3"><a href=""><img src="3.jpg">И про Владимира Владимировича</a>
</div>
</div>

[moofx]

Быколай, спасибо, но я в этом не силён особо! не разберусь сам куда что вставить (

[Быколай]

Быколай, спасибо, но я в этом не силён особо! не разберусь сам куда что вставить (

Рабочий вариант можешь посмотреть менюшка на скорую руку.

За символическую плату могу сделать готовый вариант под твои требования. Пиши в личку.

зы А вообще если занимаешься сайтостроением, то скачай моё демо и ковыряй самостоятельно, вся инфа для данного примера из справочника по ксс от Влада М.

Edited March 11, 2009 by Быколай

[Wind]

а скрина то не видно, выложите посмотреть.

[moofx]

а скрина то не видно, выложите посмотреть.

Edited March 12, 2009 by moofx

[Wind]

таких скриптов в принципе полно. Для простоты поищите на woweb.ru