Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.09.2019, 20:42
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

javascript таблици
доброе время суток у меня есть таблица сделана не табами а div и row и надо чтобы при наведении на один ряд менялись картинки в нeм , я знаю как сделать при наведении на одну div или элемент а как сделать при наведении на ряд элементов в таблице чтоб менялась целий ряд или строка зарание спб
Ответить с цитированием
  #2 (permalink)  
Старый 09.09.2019, 20:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

misha.korolcov,
может html и css для примера?
Ответить с цитированием
  #3 (permalink)  
Старый 09.09.2019, 23:17
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

https://github.com/mishakorolcov1/table
Ответить с цитированием
  #4 (permalink)  
Старый 09.09.2019, 23:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

misha.korolcov,
Цитата:
Вы опубликовали очень много кода.

Пожалуйста, локализуйте проблему!

Выделите фрагмент кода, по которому есть вопрос и опубликуйте его отдельно.

И, по возможности, уберите из кода мусор, чтобы нам легче было сориентироваться и помочь решить вашу проблему.

Спасибо.
Ответить с цитированием
  #5 (permalink)  
Старый 09.09.2019, 23:38
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

<div class="content-block ">

      <div class="account-table">
          <div class="container ">
              <div class="row text-center my-3">
                  <div class="col-4">
                  </div>
                  <div class="col-2 mx-3">
                      <b>MINI</b>
                  </div>
                  <div class="col-2 mx-3">
                      <b>ClASSIC</b>
                  </div>
                  <div class="col-2 mx-3">
                      <b>PREMIUM</b>
                  </div>
              </div>
              <div class="row text-center my-3">
                  <div class="col-4">

                  </div>
                  <div class="col-2 mx-3">
                      Basic Trading For
                      Beginners
                  </div>
                  <div class="col-2  mx-3">
                      CLASSIC For Skilled
                      Investors
                  </div>
                  <div class="col-2 mx-3">
                      PREMIUM Advanced Trading
                      For Experienced Investors
                  </div>
              </div>

              <div class="row text-center my-2">
                  <div class="col-4">

                  </div>
                  <div class="col-2 mx-3">
                      <b>$500</b>
                  </div>
                  <div class="col-2 mx-3">
                      <b>$5 000</b>
                  </div>
                  <div class="col-2 mx-3">
                      <b>$20 000</b>
                  </div>
              </div>
              <div class="row my-2 mt-5">
                  <div class="col-4 ">
                      Online Chat Support
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2">
                  <div class="col-4 ">
                      Platforms: MT4﹠Mobile
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2">
                  <div class="col-4 ">
                      Instruments: Forex, CFDs﹠Commodities
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2">
                  <div class="col-4 ">
                      Free E-book
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2">
                  <div class="col-4 ">
                      Individual Competitive Spreads﹠Commissions
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Access to Breaking News﹠ Market Research
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Online Phone Support
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Real-Time Trading Signals
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Real-Time Trading Signals
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Account Executive Team Available
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      24/7
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>
              <div class="row my-2 ">
                  <div class="col-4 ">
                      Trade Mentor
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector3.png" alt="Vector">
                  </div>
                  <div class="col-2 text-center mx-3">
                      <img src="img/Vector.png" alt="Vector">
                  </div>
              </div>

              <div class="row my-5  ">
                  <div class="col-4 ">

                  </div>
                  <div class="col-2 text-center mx-3">
                      <a href="https://client.bubblext.com/register"> OPEN ACCOUNT </a>
                  </div>
                  <div class="col-2 text-center mx-3">
                      <a href="https://client.bubblext.com/register"> OPEN ACCOUNT </a>
                  </div>
                  <div class="col-2 text-center mx-3">
                      <a href="https://client.bubblext.com/register"> OPEN ACCOUNT </a>
                  </div>
              </div>
      </div>
Изображения:
Тип файла: jpg Screenshot_1.jpg (7.3 Кб, 5 просмотров)
Ответить с цитированием
  #6 (permalink)  
Старый 09.09.2019, 23:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

misha.korolcov,
может ...
.row:hover .text-center {
       background-color: #FF0000;
   }
Ответить с цитированием
  #7 (permalink)  
Старый 10.09.2019, 00:25
Аспирант
Отправить личное сообщение для misha.korolcov Посмотреть профиль Найти все сообщения от misha.korolcov
 
Регистрация: 05.09.2019
Сообщений: 84

спс но мне нужно чтоб при наведении на целий ряд менялась картинка bg color ,2-3 понятно через hover в css а вот как зделать чтоб менялась картинка везде менялась а не тока в одном dive у я слишал что можна както связивать их )
Ответить с цитированием
  #8 (permalink)  
Старый 10.09.2019, 00:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

misha.korolcov,
возможно кто-то другой вам поможет ...
Ответить с цитированием
  #9 (permalink)  
Старый 24.12.2019, 14:19
Новичок на форуме
Отправить личное сообщение для andrey123321 Посмотреть профиль Найти все сообщения от andrey123321
 
Регистрация: 24.12.2019
Сообщений: 2

что то вроде этого (не проверял):
картинки .hidehover класс дать
.row:hover img.hidehover {
display: none;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Книга: JavaScript. Сильные стороны Magneto Учебные материалы 16 21.04.2013 15:28
Интерпретатор Java на JS kobezzza Оффтопик 24 11.10.2012 18:32
Первый Moscow JavaScript Meetup korenyushkin Общие вопросы Javascript 0 26.07.2011 15:23
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34