если поводить мышкой по картинке то можно увидеть ссылки..... ээмм...
как сделать всплывающее меню для ссылок ?
( ПРИМЕР - http://design-mania.ru/ ) при наведении мышки на ссылку всплывает дополнительное меню с ссылками...
Спустя 38 минут, 15 секунд (18.03.2010 - 13:20) nelly написал(а):
Спустя 14 минут, 37 секунд (18.03.2010 - 13:35) sergeiss написал(а):
Очень хороший пример, надо заметить 
Я настойчиво рекомендую разобрать этот пример самостоятельно. Для этого надо:
1. Посмотреть (средствами браузера) код страницы этого сайта.
2. Найти объект, у которого вылезает это меню. Это легко сделать по тексту.
3. Найти, какие события прописаны у объекта, и посмотреть, какие функции им назначены.
4. Найти эти функции либо в этом же скрипте, либо где-то в подключаемых JS-скриптах. Для этого надо найти (в коде страницы!) ссылки на подключаемые JS-скрипты и скачать их.
Всё, дальше осталось только повторить то, что там сделано!
Я настойчиво рекомендую разобрать этот пример самостоятельно. Для этого надо:
1. Посмотреть (средствами браузера) код страницы этого сайта.
2. Найти объект, у которого вылезает это меню. Это легко сделать по тексту.
3. Найти, какие события прописаны у объекта, и посмотреть, какие функции им назначены.
4. Найти эти функции либо в этом же скрипте, либо где-то в подключаемых JS-скриптах. Для этого надо найти (в коде страницы!) ссылки на подключаемые JS-скрипты и скачать их.
Всё, дальше осталось только повторить то, что там сделано!
Спустя 6 минут, 45 секунд (18.03.2010 - 13:41) nelly написал(а):
издеваешься да????????
Спустя 5 минут, 15 секунд (18.03.2010 - 13:47) nelly написал(а):
я просто хочу сделать как там.... но не знаю как (((((((((((((((((
может я изначально не правильно начал?
может я изначально не правильно начал?
Спустя 5 минут, 21 секунда (18.03.2010 - 13:52) nelly написал(а):
ну кто нибудь позанимайтесь со мной
Спустя 14 минут, 55 секунд (18.03.2010 - 14:07) sergeiss написал(а):
| Цитата (nelly @ 18.03.2010 - 14:41) |
| издеваешься да???????? |
Нет
Потому что предлагаю рабочий алгоритм получения того, что работает "ну вот как на том сайте!".| Цитата (nelly @ 18.03.2010 - 14:52) |
| ну кто нибудь позанимайтесь со мной |
Инфантильность - налицо!
Я начал с тобой заниматься. Для начала предложил подумать, и даже объяснил, в каком порядке думать. А ты не хочешь. Как хочешь... Надумаешь думать своей головой - заходи опять на форум
Поможем, чем сможем.Спустя 11 минут, 15 секунд (18.03.2010 - 14:18) nelly написал(а):
ну это очень долго... читать и разбирать весь код....
у меня и так голова скоро лопнет...
у меня и так голова скоро лопнет... Спустя 7 минут, 19 секунд (18.03.2010 - 14:26) sergeiss написал(а):
| Цитата (nelly @ 18.03.2010 - 15:18) |
| ну это очень долго... читать и разбирать весь код.... |
Вариантов 2:
1. Разбираешься самостоятельно, приобретая знания в процессе.
2. Платишь кому-то, и он тебе делает.
А ты хочешь третий вариант:
3. "Прилетит вдруг волшебник в голубом вертолёте и бесплатно покажет кино..."
Нету волшебников. Только если "сам себе режиссер".Спустя 28 минут, 35 секунд (18.03.2010 - 14:54) nelly написал(а):
да я хочу 3 й вариант )))) ну вы же тут всё это знаете и умеете .... мне просто нужен готовый код как пример.... самостоятельно я разобраться не могу поэтому и прошу помощи..... платить кому то денег нету.. ((((
ну вот я разобрал тот код.... но я не пишу скрипты и мне ничего не понятно.. (((
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru-RU">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<link rel="stylesheet" href="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/dropdown.js"></script>
<script type="text/javascript" src="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/tabs-menu3.js"></script>
</head>
<div class="floatleft" style="padding-left:12px;">
<div class="ddheader" id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a href="http://design-mania.ru/category/web-design/" title="Веб-дизайн">123</a></div>
<div class="ddcontent" id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<div class="ddinner">
<ul>
<li class="underline"><a href="http://design-mania.ru/category/web-design/articles/" title="Веб-дизайн - статьи">1</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/html-css/" title="Веб-дизайн - верстка (html + css)">2</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/flash/" title="Веб-дизайн - логотипы">3</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/logos/" title="Веб-дизайн - логотипы">4</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/works/" title="Веб-дизайн - работы, лучшие дизайны">5</a></li>
</ul>
</div>
<!-- pered </body> -->
</html>
ну вот я разобрал тот код.... но я не пишу скрипты и мне ничего не понятно.. (((
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru-RU">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<body>
<link rel="stylesheet" href="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/dropdown.js"></script>
<script type="text/javascript" src="http://design-mania.ru/wp-content/themes/Hamasaki-wordpress-theme/tabs-menu3.js"></script>
</head>
<div class="floatleft" style="padding-left:12px;">
<div class="ddheader" id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a href="http://design-mania.ru/category/web-design/" title="Веб-дизайн">123</a></div>
<div class="ddcontent" id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
<div class="ddinner">
<ul>
<li class="underline"><a href="http://design-mania.ru/category/web-design/articles/" title="Веб-дизайн - статьи">1</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/html-css/" title="Веб-дизайн - верстка (html + css)">2</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/flash/" title="Веб-дизайн - логотипы">3</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/logos/" title="Веб-дизайн - логотипы">4</a></li>
<li class="underline"><a href="http://design-mania.ru/category/web-design/works/" title="Веб-дизайн - работы, лучшие дизайны">5</a></li>
</ul>
</div>
<!-- pered </body> -->
</html>
Спустя 2 минуты, 5 секунд (18.03.2010 - 14:56) nelly написал(а):
мне бы просто 1 примерчик для 1й моей ссылки а дальше я бы сам....... ну что бы наводить на неё мышкой а внизу всплывало дополнительное меню с ссылками ((((
Спустя 5 минут, 48 секунд (18.03.2010 - 15:02) nelly написал(а):
мне не обязательно именно так как там -- хотя бы просто чтобы всплывало внизу окошко и появлялись ссылки
Спустя 9 минут, 28 секунд (18.03.2010 - 15:11) nelly написал(а):
ну помогите пожалуйста сделать такое всплывающее меню для http://pro100website.narod.ru/index.html
хотя бы для первой ссылки слева... ( меню хотя бы с 1 й ссылкой для примера )
хотя бы для первой ссылки слева... ( меню хотя бы с 1 й ссылкой для примера )