|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.02.2013, 03:03 | #1 |
Новичок
Джуниор
Регистрация: 28.02.2013
Сообщений: 2
|
Как создать таблицу
Всем привет, ребят подскажите пожалуйста начинающему нубу, как создать на своём сайте таблицу подобную mcdonalds18.ru/ как тут, тоесть наводишь на позицию(бургер какой нить) а там вылазит картинка его, ну и цена рядом..подскажите как действовать пжл, сайт на html.
|
28.02.2013, 08:53 | #2 |
Старожил
Регистрация: 09.01.2008
Сообщений: 26,229
|
я в HTML/Javascipt разбираюсь, как чукча в апельсинах, но, открыы исходный код страницы (сейчас все бразуеры умеют это делать), вижу,
что на каждой позиции на наведение мышки назначен скрипт: Код HTML:
<tr><td id="bb" class="odin"> <span class="preview" onmouseover="trailOn('images/preview/bigmac.jpg','Биг Мак ','543','240');" onmouseout="trailOff();">Биг Мак</span> </td><td class="odin">86</td> <td class="odin"><input type="text" size="4" maxlength="2" id="a1" value="0" onkeyup="RecalcTotalPrice()" onmouseup="RecalcTotalPrice()"></td><td> <img onmouseover="this.src='images/minus1.png'" onmouseout="this.src='images/minus.png'" onclick="if (document.getElementById('a1').value > 0)document.getElementById('a1').value--; RecalcTotalPrice()" alt="Убрать" src="images/minus.png"> <img onclick="document.getElementById('a1').value++; RecalcTotalPrice()" alt="Добавить" onmouseover="this.src='images/plus1.png'" onmouseout="this.src='images/plus.png'" src="images/plus.png"></td></tr> Код HTML:
<script type="text/javascript" src="js/popup.js" charset="windows-1251"></script> Код HTML:
function trailOn(thumbimg,imgtitle,thw,thh) { if (ua.indexOf('mac') == -1) { gettrailobj().left="-700px"; divthw = parseInt(thw) + 2; gettrailobject().innerHTML = '<div style="background-color: #DAE2E8; layer-background-color: #DAE2E8; border: 1px solid #ADBBCA; padding:5px; width: ' + divthw +'px; "><div style="background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #ADBBCA;">'+'<img src="'+thumbimg+'" border="0"><div style="padding:3px; text-align:center">'+imgtitle+'</div></div></div>'; gettrailobj().visibility="visible"; divw = parseInt(thw)+20; divh = parseInt(thh)-1350; document.onmousemove=followmouse; } } |
28.02.2013, 11:41 | #3 |
Форумчанин
Регистрация: 08.07.2010
Сообщений: 679
|
Это называется tooltip
Возьмите любое готовое решение |
28.02.2013, 13:27 | #4 |
Новичок
Джуниор
Регистрация: 28.02.2013
Сообщений: 2
|
спасибо за советы, сейчас буду пробовать
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
как создать таблицу в QT | Макарий | Общие вопросы C/C++ | 2 | 10.02.2013 15:08 |
КАК создать таблицу в MS Access | Bep@nik@ | Помощь студентам | 4 | 14.06.2011 07:38 |
Как правильно создать таблицу. | matrixphp | SQL, базы данных | 4 | 05.03.2011 18:28 |
Как создать таблицу BDE ? | Даниил_глазко | Помощь студентам | 2 | 21.11.2010 11:28 |
Как создать таблицу в таблице?? | Ntlegend | Помощь студентам | 1 | 14.05.2007 07:37 |