PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи

Страниц (128): В начало « ... 115 116 117 118 [119] 120 121 122 123 ... » В конец

> Найдено сообщений: 1914
3d_killer Отправлено: 12 Января, 2012 - 19:05:06 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
 пришлось творить такое пока формирую все просто меню неизвестная вложенность будет выгружаться из базы методом рекурсии, пока просто чтобы работало потом приведу код к норм виду
3d_killer Отправлено: 12 Января, 2012 - 19:03:21 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
CODE (htmlphp):
скопировать код в буфер обмена
  1. .menu
  2.         {
  3.                 margin:0px;
  4.                 padding:0px 0px 0px 0px;
  5.         }
  6. .menu li
  7.         {
  8.                 float:left;
  9.                 padding-right:10px;
  10.                 list-style:none;
  11.                 background-color:#333;
  12.                 padding:5px 20px 5px 20px;
  13.         }
  14. .menu li a
  15.         {
  16.                 text-decoration:none;
  17.                 font-family:Tahoma;
  18.                 font-size:14px;
  19.                 color:#FFF;
  20.                 font-weight:bold;
  21.         }
  22. .menu ul
  23.         {
  24.                 position:absolute;
  25.                 margin:5px 0px 0px -20px;
  26.                 padding:0px;
  27.         }
  28. .menu ul li
  29.         {
  30.                 float:inherit;
  31.                 list-style:none;
  32.                 width:150px;
  33.         }
  34. .menu ul li a
  35.         {
  36.                 font-weight:100;
  37.         }              
  38. .menu ul li ul
  39.         {
  40.                 float:left;
  41.                 left:100%;
  42.                 position:absolute;
  43.                 margin:-25px 0px 0px 0px;
  44.         }
  45. .menu ul li ul li
  46.         {
  47.                 width:150px;
  48.                 list-style:none;
  49.         }
  50. .sub{}
  51. .active{}
3d_killer Отправлено: 12 Января, 2012 - 19:00:44 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
CODE (javascript):
скопировать код в буфер обмена
  1. $('.menu').each(function() {
  2.             var menu=$(this);
  3.                                 menu.find('li:has(ul)').css('background-color','#039').addClass('sub');
  4.                 menu.find('li:first:has(ul)').css('background-color','#9C3').addClass('sub');
  5.                
  6.                         });




addClass('sub')
3d_killer Отправлено: 12 Января, 2012 - 18:55:23 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
CODE (html):
скопировать код в буфер обмена
  1. <div style="background-color:#333; height:30px;">
  2. <ul class="menu">
  3.         <li><a href="#">ГЛАВНАЯ</a>
  4.         <ul>
  5.                 <li><a href="#">Administration</a>
  6.                 <ul>
  7.                         <li><a href="#">Windows Software</a></li>
  8.                         <li><a href="#">Mac Software</a></li>
  9.                     <li><a href="#">Mobile Apps</a>
  10.                         <ul>
  11.                                 <li><a href="#">1</a></li>
  12.                             <li><a href="#">2</a>
  13.                                 <ul>
  14.                                         <li><a href="#">2.1</a></li>
  15.                                     <li><a href="#">2.2</a>
  16.                                         <ul>
  17.                                                 <li><a href="#">2.2.1</a></li>
  18.                                             <li><a href="#">2.2.2</a></li>
  19.                                             <li><a href="#">2.2.3</a></li>
  20.                                             <li><a href="#">2.2.4</a></li>
  21.                                         </ul>
  22.                                     </li>
  23.                                     <li><a href="#">2.3</a></li>
  24.                                     <li><a href="#">2.4</a></li>
  25.                                     <li><a href="#">2.5</a></li>
  26.                                     <li><a href="#">2.6</a></li>
  27.                                     <li><a href="#">2.7</a></li>
  28.                                     <li><a href="#">2.8</a></li>
  29.                                 </ul>
  30.                             </li>
  31.                             <li><a href="#">3</a></li>
  32.                             <li><a href="#">4</a></li>
  33.                             <li><a href="#">5</a></li>
  34.                             <li><a href="#">6</a></li>
  35.                         </ul>
  36.                     </li>
  37.                     <li><a href="#">Web Apps</a></li>
  38.                 </ul>
  39.             </li>
  40.             <li><a href="#">Desktop</a></li>
  41.             <li><a href="#">Finance</a></li>
  42.             <li><a href="#">Business Plans</a></li>
  43.             <li><a href="#">Scanning</a></li>
  44.             <li><a href="#">Office Suites</a></li>
  45.         </ul>
  46.         </li>
  47.     <li><a href="#">УСЛУГИ</a></li>  
  48.     <li><a href="#">КОНТАКТЫ</a></li>
  49.     <li><a href="#">ПРАЙСЫ</a>
  50.         <ul>
  51.                 <li><a href="#">ПРАЙСЫ 1</a></li>
  52.             <li><a href="#">ПРАЙСЫ 2</a></li>
  53.             <li><a href="#">ПРАЙСЫ 3</a></li>
  54.         </ul>
  55.     </li>
  56.     <li><a href="#">МАНУАЛЫ</a></li>  
  57.     <li><a href="#">ФОТО</a></li>
  58.     <li><a href="#">ФОРУМ</a></li>
  59. </ul>
  60. </div>

(Добавление)
CODE (javascript):
скопировать код в буфер обмена
  1.    $('.menu ul').css('display','none');
  2.    $('.menu ul li ul').css('display','none');
  3.                         //формируем меню
  4.                 $('.menu li').mousemove(function()
  5.                 {
  6.                        
  7.                         $(this).css('background-color','#CCC');
  8.                         });
  9.                 $('.menu li').mouseout(function()
  10.                 {
  11.                         $(this).css('background-color','#333');
  12.                                 $('.menu').each(function() {
  13.             var menu=$(this);
  14.                                 menu.find('li:has(ul)').css('background-color','#039').addClass('sub');
  15.                 menu.find('li:first:has(ul)').css('background-color','#9C3').addClass('sub');
  16.                
  17.                 });
  18.                         });
  19.                 $('.menu').each(function() {
  20.             var menu=$(this);
  21.                                 menu.find('li:has(ul)').css('background-color','#039').addClass('sub');
  22.                 menu.find('li:first:has(ul)').css('background-color','#9C3').addClass('sub');
  23.                
  24.                         });
  25.                
  26.                
  27.                 $('.sub').mousemove(function(){
  28.                         $(this).children('ul').fadeIn(1000)            
  29.                 });            
  30.                 $('.sub').mouseout(function(){
  31.                         $(this).children('ul').fadeOut(1000);
  32.                 });
  33.                        
  34.                        
  35.        
  36.                         //сформировано меню
  37.     });

не оптимизирован пока просто наброски
3d_killer Отправлено: 12 Января, 2012 - 18:15:07 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
 как в коде применить где не пробую потом нифига не пашет
(Добавление)
http://it-ep[dot]ru/develop/it-ep/
3d_killer Отправлено: 12 Января, 2012 - 17:36:34 • Тема: как убрать повтор действия мигание это • Форум: JavaScript & VBScript

Ответов: 34
Просмотров: 6657
 как убрать повтор действия мигание это? собсно сам код:
CODE (javascript):
скопировать код в буфер обмена
  1. });
  2.                 $('.sub').mousemove(function(){
  3.                         $(this).children('ul').fadeIn(1000);
  4.                          
  5.                 });            
  6.                 $('.sub').mouseout(function(){
  7.                         $(this).children('ul').fadeOut(1000);
  8.                
  9.                         });
3d_killer Отправлено: 12 Января, 2012 - 17:12:25 • Тема: помогите сделать эфект • Форум: JavaScript & VBScript

Ответов: 6
Просмотров: 1154
 все скопировал, ну да ладно все равно спасибо
3d_killer Отправлено: 12 Января, 2012 - 13:52:08 • Тема: как бы сделать таймаут на меню • Форум: JavaScript & VBScript

Ответов: 5
Просмотров: 1647
 второй вариант дает задержку но если мышка даже и остается на меню оно закрывается, а нужно чтобы не закрывалось причем если мышку случайно убрали и потом вернули то оставалось как есть типо условие а тут нет условия и получается мигание меню
(Добавление)
не пойму как условие поставить типо если в течении работы таймера произошло событие mousemove() на $this должно быть остановлено действие
3d_killer Отправлено: 12 Января, 2012 - 13:47:11 • Тема: как бы сделать таймаут на меню • Форум: JavaScript & VBScript

Ответов: 5
Просмотров: 1647
 Что то не работает при наведении ничего не происходит хотя ошибок не выдает
sub это класс элемента li который имеет подменю

CODE (javascript):
скопировать код в буфер обмена
  1. $('.menu').each(function() {
  2.             var menu=$(this);
  3.                                 menu.find('li:has(ul)').css('background-color','#039').addClass('sub');
  4.                 menu.find('li:first:has(ul)').css('background-color','#9C3').addClass('sub');
  5.                
  6.                         });


может дело в этом?
3d_killer Отправлено: 12 Января, 2012 - 12:48:44 • Тема: как бы сделать таймаут на меню • Форум: JavaScript & VBScript

Ответов: 5
Просмотров: 1647
 Сделал меню но низнаю как сделать таймаут на него чтобы подпункты не закрывались в течении там 1 секунды допустим если пользователь случайно скользнул мышкой, буду благодарен за подробный ответ код такой на AJAX
CODE (javascript):
скопировать код в буфер обмена
  1. $('.sub').mousemove(function(){
  2.                         $(this).find('ul:first').css('visibility','visible');
  3.                          
  4.                 });    
  5.                 $('.sub').mouseout(function(){
  6.                         $(this).children('ul').css('visibility','hidden');
  7.                         });
3d_killer Отправлено: 11 Января, 2012 - 13:13:58 • Тема: помогите сделать эфект • Форум: JavaScript & VBScript

Ответов: 6
Просмотров: 1154
 сори я не от туда код скопировал код писал который написал Viper скрин прилагаю:
3d_killer Отправлено: 11 Января, 2012 - 12:50:00 • Тема: помогите сделать эфект • Форум: JavaScript & VBScript

Ответов: 6
Просмотров: 1154
 не работает данный код ругается на недостаточное количество аргументов тут--
CODE (javascript):
скопировать код в буфер обмена
  1. children('li').mousemove(function([b]???[/b]){
3d_killer Отправлено: 11 Января, 2012 - 09:28:27 • Тема: помогите сделать эфект • Форум: JavaScript & VBScript

Ответов: 6
Просмотров: 1154
CODE (javascript):
скопировать код в буфер обмена
  1. $('.sf-menu').children('li').mousemove(function(){
  2.                                 $(this).css('background-color','#333');
  3.                                 });
  4.                         $('.sf-menu').children('li').mouseout(function(){
  5.                                 $(this).css('background-color', '');
  6.                                 });

Есть вот такой код при наведении меняет фоновый цвет, хочу сделать чтобы он менялся плавно а не моментально, возможно сделать такое?
3d_killer Отправлено: 21 Декабря, 2011 - 10:26:42 • Тема: Помогите с кодом не знаю как логически построить • Форум: Вопросы новичков

Ответов: 9
Просмотров: 284
 Спасибо большое
3d_killer Отправлено: 21 Декабря, 2011 - 10:11:29 • Тема: Помогите с кодом не знаю как логически построить • Форум: Вопросы новичков

Ответов: 9
Просмотров: 284
 ну я не спроста написал вопрос может ктонибудь поправить кусочек кода как он должен выглядеть правильно что бы работал

Страниц (128): В начало « ... 115 116 117 118 [119] 120 121 122 123 ... » В конец
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB