Показать сообщение отдельно
  #1 (permalink)  
Старый 22.04.2014, 15:08
Новичок на форуме
Отправить личное сообщение для rev27 Посмотреть профиль Найти все сообщения от rev27
 
Регистрация: 21.04.2014
Сообщений: 6

помощь по jquerry анимации
Ребят нужна помощь.

Скрипт с части страницы, все настроено все отлично работает -

Код:
 <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 оплатить работу. Уверен что там дел на пол часа, на примере одного перемещения. Спасибо!
Ответить с цитированием