스크롤, 롤링 효과 없이 그냥 변경 시키는 법? 정보
스크롤, 롤링 효과 없이 그냥 변경 시키는 법?본문
스크롤, 롤링 되는 한 줄 최신글에서
스크롤이나 롤링되지 않고 정해진 시간되면 아무 효과없이
그냥 바로 딱딱 바뀌게 하려고 합니다.
방법 좀 굽신굽신
<script type="text/javascript">
$(document).ready(function() {
var current = -1;
var elems = new Array();
var elems_i = 0;
$('.items').each(function() {
elems[elems_i++] = $(this);
});
var num_elems = elems_i - 1;
var animate_out = function() {
elems[current].animate({ top: '-100px' }, 'slow', 'linear', animate_in);
}
var animate_out_delay = function() {
setTimeout(animate_out, 4000); /*2000=2초*/
}
var animate_in = function() {
current = current < num_elems ? current + 1 : 0;
elems[current].css('top', '200px').animate({ top: '0px' }, 'slow', 'linear', animate_out_delay);
}
animate_in();
});
</script>
스크롤이나 롤링되지 않고 정해진 시간되면 아무 효과없이
그냥 바로 딱딱 바뀌게 하려고 합니다.
방법 좀 굽신굽신
<script type="text/javascript">
$(document).ready(function() {
var current = -1;
var elems = new Array();
var elems_i = 0;
$('.items').each(function() {
elems[elems_i++] = $(this);
});
var num_elems = elems_i - 1;
var animate_out = function() {
elems[current].animate({ top: '-100px' }, 'slow', 'linear', animate_in);
}
var animate_out_delay = function() {
setTimeout(animate_out, 4000); /*2000=2초*/
}
var animate_in = function() {
current = current < num_elems ? current + 1 : 0;
elems[current].css('top', '200px').animate({ top: '0px' }, 'slow', 'linear', animate_out_delay);
}
animate_in();
});
</script>
댓글 전체
slow ==> fast 또는 0 으로 변경해 보세요
이것도 마음에 들지않는다면 animate(...) 대신 show(), hide()로 바꿔서...
이것도 마음에 들지않는다면 animate(...) 대신 show(), hide()로 바꿔서...