Good afternoon! There is a web application using ASP.NET and DB on PostgreSQL (I attach the archive in the attachment). So, you need to make a running line, which will display information about the last record added in the application. Please help the newcomer with the implementation of the ticker! I am puzzled, I can not think of how to do it correctly ...

ZY I attach the link to the file sharing service https://yadi.sk/d/-Q4pzpmY33w9ga

Closed due to the fact that off-topic participants αλεχολυτ , pavel , user194374, Denis , aleksandr barakin 20 Dec '16 at 18:50 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - αλεχολυτ, pavel, community spirit, Denis, aleksandr barakin
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • 2
    marquee - Grundy
  • @Grundy I understand that JS also needs to be activated? - Dremjke
  • @Dremjke No, this is pure HTML - Vadim Ovchinnikov 5:58 pm
  • one
    @Grundy Don't you want to issue this as an answer? Moreover, your link is a great example. Copy and answer is ready. And here, for example, about this tag for the first time I heard from you. - Vadim Ovchinnikov

1 answer 1

The simplest solution is to use the <marquee> . The disadvantage of this solution is that the item is outdated and not recommended for use. Therefore, it is likely that in future versions of browsers it will not be supported.

 <marquee>This text will scroll from right to left</marquee>

In addition, it is possible to solve using css-animation and, for example, the text-indent properties, or the position of the inner element:

Example:

 .marquee { overflow: hidden; height: 1em; animation: 20s linear infinite marquee; } @keyframes marquee { 0% { text-indent: 100%; } 100% { text-indent: -50%; } } .marquee-position { overflow: hidden; height: 1em; position: relative; } .marquee-position > span { position: absolute; animation: 15s linear infinite marquee-position; } @keyframes marquee-position { 0% { left: 100%; } 100% { left: -50%; } } 
 <div class="marquee">This text will scroll from right to left</div> <div class="marquee-position"><span>This text will scroll from right to left</span> </div>