سرادق التمرير الأيسر البسيط

Question

ما هي أخف سرادق التمرير اليساري حول اليسار؟

أفضّل ما إذا كان "ارتد" ... من خلال ذلك أعني بدلاً من الالتفاف في حلقة ، سيكون من الأفضل أن يتم تمريره إلى اليسار حتى يتم عرضه كله ثم تم تمريره يمينًا.

أعلم أن هذا النوع من الرجعية ... أفكر في استخدامه بدلاً من اقتطاع النص.

شكرًا.

Answer 1

أقترح سرادق ناعم حريري.

يستخدم علامة HTML Marquee القياسية ، لذلك ستعمل بدون تمكين JavaScript. ومع ذلك ، مع تمكين JavaScript ، فإنه يستخدم jQuery لتعزيز السرادق ويوفر العديد من خيارات التخصيص.

ها هي الصفحة التجريبية.

Answer 2

يجب أن تكون قادرًا على القيام بذلك بسيطًا جدًا مع jQuery وبعض CSS:

// HTML 
<div id="myWrapperID" style="width: 300px;">
<div id="myElementID" style="float:left">[Lorem ipsum]</div>
</div>


// JS
(function (){
var ml,
    elem = $('#myElementID'),
    maxMarginLeft = $('#myWrapperID').width() - elem.width(),
    doMarquee = function () {
        ml = parseInt(elem.css('marginLeft'), 10) === 0 ? maxMarginLeft : 0;
        elem.animate({ marginLeft: ml + 'px' }, doMarquee);
    }

elem.css('marginLeft', '0px');
    doMarquee();    
}());