js随笔

nav横幅滚动

html代码

<div class='box'>
    <label class='tips'><span id='tip'>我是我是我是我是顶上的横幅</span></label>
</div>

js代码

 function scrollTip(){
    var flag = 0;
    setInterval(function () {
      var tip = $('#tip');
      var box = $('.box').eq(0);
      var marginLeft = (tip.css('marginLeft')).replace('px','');
      if((Math.abs(marginLeft)+(box.width()))==(tip.width()+30)){
        flag = 1;
      } else if(Math.abs(marginLeft) == 0) {
        flag = 0;
      }
      if(flag === 0){
        tip.css('marginLeft',(marginLeft-1)+'px');
      } else {
        tip.css('marginLeft',(parseInt(marginLeft)+1)+'px');
      }
    },50);
  }
  scrollTip();