Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: вложенное меню
 
 автор: verstalshik   (13.09.2007 в 09:38)   письмо автору
 
 

подскажите пожалуйста, проблема такая - есть вложенное меню, но когда наводишь курсор оно сворачивается, как это исправить?

   
 
 автор: sim5   (13.09.2007 в 09:41)   письмо автору
 
   для: verstalshik   (13.09.2007 в 09:38)
 

Найти ошибку и исправить.

   
 
 автор: verstalshik   (13.09.2007 в 09:55)   письмо автору
 
   для: sim5   (13.09.2007 в 09:41)
 

:) прошу прощения - забыла вставить код:


<html>
<head>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">

<script type="text/javascript">
var get_menu_service = function(left, top){
    var table = document.getElementById('table_service_id');
    table.style.position = 'absolute';
    table.style.left=left;
    table.style.top = 25;
    table.style.display = '';
}
</SCRIPT>
</head>
<div>
<table>
    <TR>
        <TD>О компании</TD><TD>О компании</TD><TD>Новости</TD><TD onmouseover="javascript:get_menu_service(this.offsetLeft, this.offsetTop);">Услуги</TD><TD>Контакты</TD>
    </TR>
</table>
<div id="table_service_id" style="display:none" onmouseout="this.style.display='none'">
<table>
    <TR><TD>Пункт первый</TD></TR>
    <TR><TD>Пункт второй</TD></TR>
</table>
</div>
</BODY>

   
 
 автор: sim5   (13.09.2007 в 10:46)   письмо автору
 
   для: verstalshik   (13.09.2007 в 09:55)
 

Пишите просто так:


onmouseover="get_menu_service(this.offsetLeft, this.offsetTop);"


без javascript:

Ну можете так прописать:


<div id="table_service_id" style="display: none; border: 1px solid #000;"
onmouseover="this.style.display=''" onmouseout="this.style.display='none'"


Бордер прописал чтобы просто было видно границы эффекта. Но вообще в таких меню не такую реализацию используют, хотя... В сети много готовых скриптов меню, скачайте и разберите как "пример к уроку" - думаю это поможет вам в написании собственного меню.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования