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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Может ли выподающие меню, грузить процессор на 80%

Сообщения:  [1-6] 

 
 автор: 12345   (07.07.2006 в 16:15)   письмо автору
 
   для: Spyder   (07.07.2006 в 14:58)
 

Да, возможно, что она вешает какие-то скрипты, постоянно опрашивающие страницу. с ней не работал. Покажите ссылку, генерируемую Хоопсом, можно будет сказать определённо

   
 
 автор: Spyder   (07.07.2006 в 14:58)   письмо автору
 
   для: 12345   (07.07.2006 в 14:46)
 

у меня на движке xoops, я в самом начале писал, из-за этого и стильник под него настроен. Может движок влияет на меню или нет (хотя я несколько меню ставил, результат почти один и тот же).

   
 
 автор: 12345   (07.07.2006 в 14:46)   письмо автору
 
   для: Spyder   (07.07.2006 в 14:14)
 

У меня оно грузит на 7-15 % (проц. 2 ГГц) и только в момент разворачивания подсписка, что нормально. И в коде нет ничего такого, что перегружало бы процессор.

Меню, кстати, не работает - подсписок успевает пропасть при попытке перемещения мыши на него (ИЕ6).
И сделайте его читабельным, если хотите, чтобы вам помогали. Белые буквы на белом фоне меню (после Copy-Paste)

   
 
 автор: Spyder   (07.07.2006 в 14:14)   письмо автору
 
   для: 12345   (07.07.2006 в 13:55)
 

да вроде меньше нельзя, вот код меню



<div class="mnav">
  <ul id="mnav">
    <li><a href="#">Главная</a></li>
    <li><a href="#">О компании</a>
      <ul>
        <li><a href="#">Структура компании</a></li>
        <li><a href="#">Отзывы</a></li>
        <li><a href="#">Сертификаты</a></li>
        <li><a href="#">Адреса и телефоны</a></li>
        <li><a href="#">Партнеры</a></li>
      </ul>
    </li>
    <li><a href="#">Новости</a>
      <ul>
        <li><a href="#">Компании</a></li>
        <li><a href="#">Программный</a></li>
        <li><a href="#">Технические</a></li>
        <li><a href="#">Правовые</a></li>
      </ul>
    </li>
    <li><a href="#">Форум</a></li>
    <li><a href="#">Прайс-листы</a>
     <ul>
       <li><a href="#">Программное обеспечение(СТЭК)</a></li>
       <li><a href="#">Авторский надзор</a></li>
       <li><a href="#">Системное обслуживание</a></li>
       <li><a href="#">Консультационное обслуживание</a></li>
       <li><a href="#">Обучение пользователей</a></li>
       <li><a href="#">Компьютерная техника</a></li>
       <li><a href="#">Аудиторское обслуживание</a></li>
       <li><a href="#">Правовое обслуживание</a></li>
       <li><a href="#">Налоговая отчетность</a></li>
       <li><a href="#">Документооборот в ПФР</a></li>
     </ul>   
    </li>
    <li><a href="#">Обновления</a></li>
    <li><a href="#">Архив файлов</a></li>
    <li><a href="#">Uploads</a></li>
    <li><a hrer="#">Карта сайта</a></li>
      
        

  </ul>
</div>


Это код для IE
<script>
<!--
startList = function() {
      if (document.all&&document.getElementById) {
            navRoot = document.getElementById("mnav");
            for (i=0; i<navRoot.childNodes.length; i++) {
                  node = navRoot.childNodes[i];
                  if (node.nodeName=="LI") {
                        node.onmouseover=function() {
                              this.className+=" over";
                        }
                        node.onmouseout=function() {
                              this.className=this.className.replace(" over", "");
                        }
                  }
            }
      }
}
window.onload=startList;
// -->
</script>


А это CSS
        .mnav {width:100%; background-image: url('images/ui_1.gif');}
                #mnav {width:100%;}
                #mnav li {background-image: url('images/ui_1.gif');
                           border-right:1px solid white;}
                ul#mnav, ul  {
            padding:0;
            margin:0;
            list-style-type:none;
                        
        }


        ul#mnav a {
            color:white;
            display:block;
            font:bold 8pt Verdana;
            text-decoration:none;
                        padding-left:6px;
                        
        }


        ul#mnav ul a {
            border:0px;
            padding:0px;
                        margin:0;
                        background-color:none;
        }

        ul#mnav ul a:hover {
            border-left:1px solid black;
        }

        ul#mnav ul {
            position:inline;
                        margin:0 0 0 -1px;
                        margin-top:3px;
            background-color:white;
                        border-left:1px solid white;
                        border-right:1px solid white;
                        border-bottom:0;
                        border-top:0;
                        width:100%;            /* for right mouseover effect */
        }

        ul#mnav li:hover ul, ul#nav li.hover ul{
            visibility:visible;
        }
         ul#mnav li ul li {border-bottom:1px solid white; background:#6699CC;}
               /* #mnav li {border:1px solid white;}  */
        ul#mnav li li {
            
            border:none;
            padding:2px;
                        backround-color:green;
        }





ul#mnav li {
            float:left;
                        margin:0;
            padding:3px 3px 3px 0;
                        width:100px;
            
            list-style:none;
            background-color:white;            /* for right mouseover effect */
        }

li ul {
    position: absolute;

    top: 37;
    display: none;
    }

    /* Fix IE. Hide from IE Mac \*/
    * html ul li { float: left; }
    * html ul li a { height: 1%; }
/* End */


li:hover ul { display: block; }
li:hover ul, li.over ul {
    display: block;
      }


Подскажите пожалуйста!!!

   
 
 автор: 12345   (07.07.2006 в 13:55)   письмо автору
 
   для: spyder   (07.07.2006 в 11:16)
 

Легко, особенно при реагировании на onmousemove. Оптимизируйте, меньше обращений к объектам браузера при этом событии.

   
 
 автор: spyder   (07.07.2006 в 11:16)   письмо автору
 
 

Сделал меню на стилях, только для ие JS код, чтоб hover понимал, при выподении меню и пробегания курсором по меню, то проц загруж на 80%, что может быть, может другой код JS, сайт на движке xoops. Подскажите плиз.

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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