setIsHovered(value: Boolean);
value. Признак отображения компонента только при наведении на него курсора.
Метод setIsHovered настраивает отображение компонента только при наведении на него курсора.
Допустимые значения параметра value:
true. Компонент отображается только при наведении на него курсора. Если курсор не наведён на компонент, то компонент скрывается;
false. Компонент отображается стандартным образом.
Для выполнения примера подключите библиотеку PP.js и таблицы визуальных стилей PP.css. Создадим кнопку и отобразим ее как при наведении на нее курсора. Применим для кнопки прозрачность 50%:
b1 = new PP.Ui.Button({
ParentNode: document.body,
Content: "Button"
});
//Переводим кнопку в состояние Hovered
b1.setIsHovered(true);
//Применяем прозрачность
b1.setOpacity(0.5);
После выполнения примера на странице была размещена кнопка, имеющая следующий вид:
Удалим стиль для состояния Hovered:
b1.removeStateClasses();
Кнопка будет выглядеть следующим образом:
См. также: