Blog

Marquee Text Without Marquee Tag Using Javascript

Posted by author-avatar
0
This is one of the trick use the Flash messages or marquee text without html marquee tag using javascript. In Some  Situation we can’t able to use html tag in our websites. in that particular situation you can use the this script.




Marquee Text Without Marquee Tag

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Scroll Text</title>
<style type=”text/css”>
.scroll{
width:430px;
height:21px;
overflow:hidden;
position:relative;
}

.scrollingtext{
white-space:nowrap;
position:absolute;
}

</style>

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {

   $(‘.scrollingtext’).bind(‘marquee’, function() {
       var ob = $(this);
       var tw = ob.width();
       var ww = ob.parent().width();
       ob.css({ right: -tw });
       ob.animate({ right: ww }, 20000, ‘linear’, function() {
           ob.trigger(‘marquee’);
       });
   }).trigger(‘marquee’);

});
</script>

</head>

<body>

<div class=”scroll”>
    <div class=”scrollingtext”> Flash message without marquee tag using javascript!  </div>
 </div>

</body>
</html>


Newer
Decorate Header Text Using Css
Back to list
Older Load PDFs in Iframe Onclick the Button

Related Posts

    Leave a Reply

    Your email address will not be published. Required fields are marked *