Ребят нужна помощь.
Скрипт с части страницы, все настроено все отлично работает -
Код:
|
<script>
var rep = new agera.device(document.getElementById("device"));
agera.onresult = function (reply, detail) {
var r = detail.page.value;
if (r == "create box") {
divBar.style.opacity = "1";
}
if (r == "left") {
divBar.style.left = subFromDim(divBar.style.left, 50);
}
else if (r == "right") {
divBar.style.left = addToDim(divBar.style.left, 50);
}
else if (r == "up") {
divBar.style.top = subFromDim(divBar.style.top, 50);
}
else if (r == "down") {
divBar.style.top = addToDim(divBar.style.top, 50);
}
else if (r == "upscale") {
divBar.style.height = "140px";
divBar.style.width = "140px";
}
else if (r == "normal") {
divBar.style.height = "70px";
divBar.style.width = "70px";
}
};
divBar = null;
function createDiv() {
divBar = document.createElement("div");
divBar.id = "divBar";
divBar.style.border = "solid 0px #ffffff";
divBar.style.backgroundColor = "f3e86d";
divBar.style.top = "400px";
divBar.style.opacity = "0";
divBar.style.left = "500px";
divBar.style.height = "70px";
divBar.style.width = "70px";
divBar.style.position = "absolute";
document.body.appendChild(divBar);
}
function addToDim(orig, val) {
var num = parseInt(orig);
return((num + val) + "px");
}
function subFromDim(orig, val) {
var num = parseInt(orig);
return((num - val) + "px");
}
createDiv();
</script> |
Как видно из скрипта, при получении значения переменной "r" происходит выполнение того или иного действия. Сейчас все происходит резко. Те было одно значение допустим размера стало другое. То же самое с перемещениями допустим при r == left, было одно значение позиции, при выполнение изменилось на 50. Что нужно? - применить jquerry анимацию для плавного перемещения блока. Либо если это изменение значений height;width, то тоже плавно а не от одного значения резко к другому. Очень нужна помощь тк знаний не хватает. Ибо с этим то скриптом то намучился чтобы все заработало. Если что могу по PayPal оплатить работу. Уверен что там дел на пол часа, на примере одного перемещения. Спасибо!