pos += 1 will increment the variable pos by 1, and return it. pos = +1 is the same as saying pos = 1. The plus is redundant. See it in action with this simple script: pos1 = 10; pos2 = 10; pos1 += 1; pos2 =+ 1; console.log(‘pos1’, pos1); console.log(‘pos2’, pos2);
As @SeyyedParsaNeshaei says, there is another answer that gives a “marquee” type scrolling, however, if what you want (as you say) is one word at a time, consider the following little sketch, which will run in Playground. It basically sets up a timer that changes the text of a UILabel one word at a time. … Read more
This is how I would do it with a couple of jQ lines: var $bg = $(‘#bg’), $bgDIV = $(‘div’, $bg), // Cache your elements n = $bgDIV.length, // count them (used to loop with % reminder) c = 0; // counter (function loopBG(){ $bgDIV.eq(++c%n).hide().appendTo($bg).fadeTo(3000,1, loopBG); }()); // start fade animation *{margin:0; padding:0;} body{ width:100%; … Read more
What you looking for is @keyframe. Here is simmilar problem CSS background color keyframes animation @keyframes animation { 0% {background-color:red;} 50.0% {background-color:blue;} 100.0% {background-color:red;} } http://jsfiddle.net/yjsh9613/ I think keyframes works pretty well for this one, here is example: https://codepen.io/jerrykck/pen/eYZERPe
the best way is to use css animations. it works without jquery and directly on the gif (no div needed) the gif must have: @keyframes customanim { 0% {values;} 100% {values;} } @-webkit-keyframes customanim /* Safari and Chrome */ { 0% {css-values;} 100% {more-values;} } .animationclass { position: absolute; top: 0%; left: 0%; width: 100%; … Read more
Use github for any animation. There is predefined class in that.