Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.07.2014, 15:49
Новичок на форуме
Отправить личное сообщение для donbarton639 Посмотреть профиль Найти все сообщения от donbarton639
 
Регистрация: 23.07.2014
Сообщений: 3

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

<script>
var sm_block1 = "#block-new328";
var sm_block2 = "#block-new330";
var sm_block3 = "#block-new332";
var sm_block4 = "#block-new334";
var sm_block5 = "#block-new336";
var sm_block7 = "#block-new338";
var sm_block6 = "#block-new340";

$(window).scroll(function () {
  if (($(this).scrollTop() > 0) && ($(this).scrollTop() < 919)) {
    $(sm_block1).css({'background-color': '#F5F5F5', 'color': '#000000'});
    $(sm_block2).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block3).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block4).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block5).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block7).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block6).css({'background-color': 'none', 'color': '#FFFFFF'});   
  } 
  if (($(this).scrollTop()> 0) && ($(this).scrollTop() < 3831)) {
    $(sm_block1).css({'background-color': '', 'color': '#FFFFFF'});   
    $(sm_block2).css({'background-color': '#F5F5F5', 'color': '#000000'});  
    $(sm_block3).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block4).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block5).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block7).css({'background-color': 'none', 'color': '#FFFFFF'});   
    $(sm_block6).css({'background-color': 'none', 'color': '#FFFFFF'});   
  }
});
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2014, 00:10
Новичок на форуме
Отправить личное сообщение для donbarton639 Посмотреть профиль Найти все сообщения от donbarton639
 
Регистрация: 23.07.2014
Сообщений: 3

Поднимаю вопрос.
Ответить с цитированием
  #3 (permalink)  
Старый 24.07.2014, 00:22
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

donbarton639, диапазон кривой?:
if (($(this).scrollTop() > 0) && ($(this).scrollTop() < 919)) {
  //..
if (($(this).scrollTop()> 0) && ($(this).scrollTop() < 3831)) {
=>
if (($(this).scrollTop() > 0) && ($(this).scrollTop() < 919)) {
  //..
if (($(this).scrollTop()>= 919) && ($(this).scrollTop() < 3831)) {
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 24.07.2014, 12:19
Новичок на форуме
Отправить личное сообщение для donbarton639 Посмотреть профиль Найти все сообщения от donbarton639
 
Регистрация: 23.07.2014
Сообщений: 3

Я же говорю, что скрипт работает! Задний фон меняется а сам цвет нет. Если что я использую конструктор сайтов lpgenerator. т.е там по умолчанию стоит цвет, может в этом дело?
Ответить с цитированием
  #5 (permalink)  
Старый 24.07.2014, 12:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

donbarton639,
если в css прописан color для элементов внутри блока -- естественно это имеет приоритет над color самого блока -- меняйте цвет самим элементам
$(sm_block2).css({'background-color': 'none'}).find('*').css({'color': '#FFFFFF'});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение элемента формы McLotos Элементы интерфейса 1 24.03.2014 21:11
Изменение цвета текста кнопки и цвета кнопки при нажатии Setta jQuery 22 31.07.2013 17:48
Как отловить изменение computedStyle элемента danik.js Events/DOM/Window 8 25.10.2012 16:40
Как реализована изменение цвета фотографии? progress0477 jQuery 0 17.09.2012 17:17
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52