Breaking News Marquee Direction Code

generating preview

<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="breaking"> <div class="col-lg-2 flodis breaking_head"> Breaking News </div> <div class="col-lg-10 flodis"> <marquee direction="left" scrollamount="3" behavior="scroll" onMouseOver="this.setAttribute('scrollamount', 0, 0);" OnMouseOut="this.setAttribute('scrollamount', 3, 0);" style="float:left; display:block;"> sample text </marquee> </div> </div> <style> .breaking { width: 100%; height: 37px; float: left; display: block; background-color: #ffc106; } .flodis { float: left; display: block; } .breaking_head { background-color: #000000; color: #fff; height: 37px; line-height: 37px; font-size: 18px; text-align: center; } marquee { font-family: sans-serif; font-size: 18px; color: #000; line-height: 37px; width:100%; } </style> </body> </html>

How to Use this Elements / Source Code:

You Can Use Breaking News Marquee Direction Code elements by select the above source code (CTRL + A) then copy the code (CTRL + C) and paste (CTRL + V) it in a blank html Page to initially test it. Then you can use the Above Breaking News Marquee Direction Code where ever you want for your project.

Usage of Breaking News Marquee Direction Code :

You Can Use this elements when you want to show any type of highlighted texts in to your website. Basicaly this types of source code used in News Websites, School or Colleges website as an important News. Marquee Direction tool can be used instead of javascript scrolling texts from the direction of left to right, right to left, up to down & Down to up etc. Basically it is a vary useful tool.