2015-02-26 3 views
1

Эй, ребята, я надеюсь, что вы можете помочь мне с моей следующей проблемой.Переход для изменения высоты js

Вот соответствующий фрагмент JS-кода:

вар layone = document.getElementById ('одинокий'); ...

if(layone && layone.style) { 
    layone.style.height = 'auto'; 
    layone.style.width = '120%'; 
    layone.style.marginLeft = '-40px'; 
    } 

...

Теперь я хочу, чтобы придать ему плавный переход. Любая помощь ?

Спасибо большое до сих пор

ответ

0

Вызывайте эту функцию, чтобы сделать некоторые замирание в виде перехода ...

function do_transition(){ 
    $('#lone').fadeOut('slow', function() { 
     $('#lone').html('New content in MyDiv ('+Math.random()+')') 
     setTimeout(function() { $('#lone').fadeIn('slow'); }, 5000); 
    });  
} 

если вы хотите переместить ваш «одинокий» просто изменить значения полей из " одинокий»от JS ...

<head> 
<title>JavaScript Animation</title> 
<script type="text/javascript"> 
var imgObj = null; 
var animate ; 
function init(){ 
    imgObj = document.getElementById('myImage'); 
    imgObj.style.position= 'relative'; 
    imgObj.style.left = '0px'; 
} 
function moveRight(){ 
    imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px'; 
    animate = setTimeout(moveRight,20); // call moveRight in 20msec 
} 
function stop(){ 
    clearTimeout(animate); 
    imgObj.style.left = '0px'; 
} 
window.onload =init; 
</head> 
<body> 
<form> 
<div id="myImage"> </div> 
<p>Click the buttons below to handle animation</p> 
<input type="button" value="Start" onclick="moveRight();" /> 
<input type="button" value="Stop" onclick="stop();" /> 
</form> 
</body> 

попробовать это для перемещения DIV вокруг

для прокрутки вниз изменения изображения следовать этому примеру

http://jsfiddle.net/WTkqn/

положить ваши различные изображения в IMG SRC ..., а затем некоторое замирание в анимации, если вы хотите

+0

Ну, я очень новичок в мире вокруг HTML. вы можете показать мне, как я могу это реализовать. «Одинокий» объект - это изображение в моем html и видно с самого начала. Не могли бы вы привести пример? спасибо –

+0

Просто очистите меня вещь .. вы хотите потушить свое изображение или переместить вокруг своей страницы ..? переход означает что? я, безусловно, помогу вам –

+0

У меня получилось, что 5 изображений сложены и хотят растянуть их. Это должно выглядеть так, как будто вы прокручиваете страницу (страница dennis-osswald.de там вы можете видеть, о чем я говорю) –

Смежные вопросы