Спорт в JavaScript часто используется на сайте. На этот раз я поделюсь с вами некоторыми основными приложениями спорта. Для каждого удобно использовать непосредственно во время разработки.
Код прост и легко понять и подходит для начинающих. Наконец, я разбираю свой собственный спортивный фреймворк шаг за шагом.
Применение визуализации:
Переместите мышь, чтобы поделиться, и Div слева будет отображаться. Удалите и восстановите самостоятельно. Я считаю, что все будут использовать это очень практично. Давайте посмотрим, как реализован код.
Кода -копия выглядит следующим образом:
<стиль типа = "text/css">
#div1 {
Ширина: 150px;
Высота: 200px;
Фон: зеленый;
позиция: абсолютно;
Слева: -150px;
}
#div1 span {
позиция: абсолютно;
Ширина: 20px;
Высота: 60px;
высота линии: 20px;
Фон: синий;
Справа: -20px;
Верх: 70px;
}
</style>
Кода -копия выглядит следующим образом:
<тело>
<div id = "div1">
<span>
Поделиться
</span>
</div>
</body>
Ниже приведен код JavaScript
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
window.onload = function () {
var Odiv = document.getElementById ("div1");
Odiv.onmouseover = function () {
StartMove (0);
};
Odiv.onmouseout = function () {
Startmove (-150);
};
}
var time = null;
функция startMove (itraget) {
var Odiv = document.getElementById ("div1");
ClearInterval (время);
time = setInterval (function () {
var speed = 0;
if (ODIV.OffSetleft> itraget) {
скорость = -10;
}еще{
скорость = 10;
}
if (ODIV.OffSetleft == itraget) {
ClearInterval (время);
}еще{
ODIV.STYLE.LEFT = ODIV.OFFSETLEFT+SPEED+'PX';
}
}, 30);
}
</script>
Идеи:
Первоначальное левое в стиле составляет -150. Div сжимается внутри, и оно будет отображаться, если будет дано 0. Тогда нам просто нужно изменить это значение
Параметр iTarget в StartMove является целевой точкой, указывающей, какая целевая точка вы остановите.
Управление размером скорости может контролировать скорость движения. Если целевая точка достигнута, остановите таймер.
закон:
* Предположение
* Слева: 30 ITARGET: 300 Это получено как положительное справа
* Слева: 600 ITARGET: 50 Это отрицательно влево
*
* Взаимосвязь между текущей позицией, оставшейся и целевой точкой, утар.
Примечание: таймер должен быть выключен, как только вы начнете, потому что каждый раз, когда вы переходите, чтобы поделиться, будет включен таймер. Чем больше вы включаетесь, тем быстрее будет скорость, потому что будет несколько таймеров для выполнения одновременно.
Поэтому каждый раз вы должны убедиться, что один таймер работает.
Следуйте: та же функция функции, тем меньше параметров, тем лучше, поэтому в соответствии с вышеуказанными правилами скорость не передается в виде параметров.
Чтобы привести пример в жизни: как правило, невозможно взять такси и сказать водителю такси, что у него есть 100 ярдов, куда бы он ни достиг. Вы не можете сказать мастеру, как быстро вы хотите запустить
Таким образом, программа такая же, поэтому параметр скорости удаляется здесь.
Конечно, будет много проблем с текущей спортивной структурой, которая будет решена один за другим в будущем. В следующей статье давайте обсудим, как остановить равномерное движение.