html元素滚动

一般做移动端时，表单的宽度限制都会比较小。有时候表单内部数据过长不得不换行显示，用户体验糟糕。

这个方法可以让过长的内容循环滚动起来，和 html 的原生标签 marquee 有点类似效果。

对了，需要引入 jQuery 哦~

function gundong ( obj, maxWidth, speed ) {
    var speed = speed || 5000;
    var fontWidth = $(obj).width();
    $(obj).after("嘻嘻嘻嘻嘻嘻嘻嘻");
    $(obj).next('div').append(obj);

    $(obj).parent().css({"position":"relative", "overflow":"hidden", "width":maxWidth, "display":"inline-block"});
    $(obj).css({"position":"absolute", "top":"0px", "left":"0px"});

    var _animat = function (obj, flotWidth) {
        $(obj).animate({'left': flotWidth}, speed, function () {
            $(obj).css({'left': maxWidth});
            _animat(obj, flotWidth);
        });
    }
    _animat(obj, fontWidth*-1);
}


gundong('#element', 100);