Control.setIsHovered

Синтаксис

setIsHovered (value: Boolean);

Параметры

value. Определяет, будет ли компонент отображаться как при наведении на него курсора. Если установлено значение true, то компонент будет отображаться как при наведении на него курсора, иначе будет отображаться в нормальном состоянии.

Описание

Метод setIsHovered отображает компонент как при наведении на него курсора.

Пример

Для выполнения примера подключите библиотеку PP.js и таблицы визуальных стилей PP.css. Создадим кнопку и отобразим ее как при наведении на нее курсора. Применим для кнопки прозрачность 50%:

  b1 = new PP.Ui.Button({
    ParentNode: document.body,
    Content: "Button"
  });
  //Переводим кнопку в состояние Hovered
  b1.setIsHovered(true);
  //Применяем прозрачность
  if (PP.IsIE == true) {
    //для корректного отображения прозрачности в браузере Internet Explorer используем метод setOpacityIE8
    b1.setOpacityIE8(0.5)
  } else b1.setOpacity(0.5);

После выполнения примера на странице была размещена кнопка, имеющая следующий вид:

Удалим стиль для состояния Hovered:

b1.removeStateClasses();

Кнопка будет выглядеть следующим образом:

См. также:

Control