Реализовать расширяемую платформу Муром 1.2 с панелью управления 1.0.0
This commit is contained in:
46
примеры/заставка.js
Normal file
46
примеры/заставка.js
Normal file
@@ -0,0 +1,46 @@
|
||||
function добавитьЭкранЗаставки()
|
||||
{
|
||||
var заставка = document.createElement("div");
|
||||
document.body.appendChild(заставка);
|
||||
заставка.id = "заставка";
|
||||
заставка.style.cssText = "position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;";
|
||||
заставка.innerHTML =
|
||||
`
|
||||
<h1 id = "заголовок">Заставка</h1>
|
||||
`;
|
||||
|
||||
var вид = document.createElement("style");
|
||||
document.head.appendChild(вид);
|
||||
вид.innerHTML =
|
||||
`
|
||||
#заголовок
|
||||
{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
}
|
||||
#заставка
|
||||
{
|
||||
opacity: 1;
|
||||
background-color: grey;
|
||||
animation: fadeOut 1s ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
@keyframes fadeOut
|
||||
{
|
||||
from
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
to
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
};
|
||||
|
||||
муром.пуск.подписать(добавитьЭкранЗаставки);
|
||||
|
||||
Reference in New Issue
Block a user