Unito.it

Tema Unito v 3 / 3.1

News Ticker

Permette di visualizzare news o altri link a scorrimento, senza la necessità di componenti javascript aggiuntivi rispetto a jQuery.

News
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Duis aute irure dolor in reprehenderit in voluptate velit esse 
<div class="row">
<div class="col-md-12">
    <div class="d-flex justify-content-between align-items-center breaking-news bg-white">
    <div class="d-flex flex-row flex-grow-1 flex-fill justify-content-center py-2 text-white px-1 news"><span class="d-flex align-items-center">News</span></div>
         <marquee class="news-scroll py-2" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
                <a href="#">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </a> <span class="dot"></span>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut </a> <span class="dot"></span>
                <a href="#">Duis aute irure dolor in reprehenderit in voluptate velit esse </a>
          </marquee>
     </div>
</div>
</div>

Senza segnaposto

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Duis aute irure dolor in reprehenderit in voluptate velit esse 
<div class="row">
<div class="col-md-12">
    <div class="d-flex justify-content-between align-items-center breaking-news bg-white">
         <marquee class="news-scroll news-scroll-simple py-2" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
                <a href="#">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </a> <span class="dot"></span>
                <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut </a> <span class="dot"></span>
                <a href="#">Duis aute irure dolor in reprehenderit in voluptate velit esse </a>
          </marquee>
     </div>
</div>
</div>
Torna su