Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Destroyer
0 / 0 / 1
Регистрация: 24.10.2014
Сообщений: 47
1

Оптимизировать скрипт

01.12.2018, 01:24. Просмотров 386. Ответов 0

Есть скрипт, который при наведении на пункт меню меняет рядом картинку. Таких выпадающих меню три.
Он сделан очень плохо.
Как его можно оптимизировать?

Вот html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<li class=""><a href="katalog-tovarov/" class="sf-with-ul">Каталог товаров</a>
<ul style="display: none;">
    <div class="row">
        <div class="col-md-9">
            <div class="tit14">
                Каталог
            </div>
            <li class="first"><a href="oborudovanie-dlya-fitnesa/" class="l1">Оборудование для фитнеса</a></li>
            <li><a href="tovaryi-dlya-jogi/" class="l2">Товары для йоги</a></li>
            <li><a href="tovaryi-dlya-pilates/" class="l3">Товары для пилатес</a></li>
            <li><a href="kardiotrenazheryi/" class="l4">Кардиотренажеры</a></li>
            <li><a href="oborudovanie-dlya-aerobiki/" class="l5">Оборудование для аэробики</a></li>
            <li><a href="krossfit/" class="l6">Кроссфит</a></li>
            <li><a href="funkczionalnyij-trening/" class="l7">Функциональный тренинг</a></li>
            <li><a href="silovyie-trenazheryi/" class="l8">Силовые тренажеры</a></li>
            <li><a href="svobodnyie-vesa/" class="l9">Свободные веса</a></li>
            <li><a href="oborudovanie-dlya-trenazhernogo-zala/" class="l10">Оборудование для тренажерного зала</a></li>
            <li class="last"><a href="komplektyi-oborudovaniya-dlya-trenazhernyix-zalov/" class="l11">Комплекты оборудования для тренажерных залов</a></li>
        </div>
        <div class="col-md-3">
            <img src="http://www.cyberforum.ru/images/tr1.png" class="i1" style="display: inline;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i2" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i3" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i4" style="display: none;">
            <img src="http://www.cyberforum.ru/images/tr2.png" class="i5" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i6" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i7" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i8" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i9" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i10" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i11" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i12" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i13" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i14" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i15" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i16" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i17" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i18" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i19" style="display: none;">
            <img src="http://www.cyberforum.ru/images/sky1.png" class="i20" style="display: none;">
            <img src="http://www.cyberforum.ru/images/mak1.png" class="i21" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i22" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i23" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i24" style="display: none;">
            <img src="http://www.cyberforum.ru/images/blank.png" class="i25" style="display: none;">
        </div>
    </div>
</ul>
</li>

И js ( код не весь, очень много повторений)

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   $(function(){
    $(".l1").mouseover(function(){    
    jQuery('.i1').show();    
    jQuery('.i2').hide();    
    jQuery('.i3').hide(); 
    jQuery('.i4').hide(); 
    jQuery('.i5').hide(); 
    jQuery('.i6').hide(); 
    jQuery('.i7').hide(); 
    jQuery('.i8').hide(); 
    jQuery('.i9').hide(); 
  
     $(".l2").mouseover(function(){    
    jQuery('.i2').show();    
    jQuery('.i1').hide();    
    jQuery('.i3').hide(); 
    jQuery('.i4').hide(); 
    jQuery('.i5').hide(); 
    jQuery('.i6').hide(); 
    jQuery('.i7').hide(); 
    jQuery('.i8').hide(); 
    jQuery('.i9').hide(); 
   
  });
  
  
  
  
  
    });
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.12.2018, 01:24
Ответы с готовыми решениями:

Оптимизировать скрипт
&lt;script&gt; $(function(){ $(&quot;.menu1&quot;).click(function(){ jQuery('.menu1').addClass(&quot;active&quot;);...

Как оптимизировать скрипт, который меняет ширину блока
Вот скрипт, который меняет ширину блока. Есть две ссылки, которые выполняют по клику функции...

Необходимо вставить в скрипт увеличения картинки, скрипт просмотра панорамы 360
Здравствуйте. У меня такой специфический вопрос, на моем сайте имеется скрипт для увеличения...

Вызвать скрипт через другой скрипт
Всем привет! Такая ситуация. Есть скрипт 1, который служит для аякс подгрузки новостей. Есть скрипт...

оптимизировать заставки
Здраствуйте. Может кто нибуть подсказать как можно оптимизировать заставки? Заранее благодарю.

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.12.2018, 01:24

Оптимизировать работу
Подскажите что необходимо менять в JS для того что бы получить мне нужный результат. Сейчас JS...

Оптимизировать WebGL useProgram
Я оптимизировал в WebGL уже все что мог, у меня динамические объекты, обновляются с помощью...

Как упростить/оптимизировать js?
Друзья в js понимаю мало, написал вот такой код https://jsfiddle.net/adash/8h3L2thk/ первая и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru