JQuery scroll text side-to-side?

This page has a marquee scrolling side to side - might be worth checking out.

I came across this post yesterday when I was looking for something to do the same thing. Although I went a different route, I figured out how to get this accomplished. First, you need your markup.

We are going to use DIV tags for this example: This is the text that is too long to fit in the box Next, we need to style it: . Scroll-box { width: 100px; height: 1.2em; overflow: hidden; position: relative; } . Scroll-text { position: absolute; white-space: nowrap; } Now we need some jQUery: $(document).

Ready(function() { $('. Scroll-box'). Bind('marquee', function() { var boxWidth = $(this).

Width; var textWidth = $('. Scroll-text', $(this)).width(); if (textWidth > boxWidth) { var animSpeed = textWidth - boxWidth * 20; // 50 pix per sec $(this) . Animate({scrollLeft: textWidth - scrollWidth}, animSpeed) .

Animate({scrollLeft: 0}, animSpeed, function() { $(this). Trigger(marquee); }); } }). Trigger('marquee'); }); And there you have it!

A nice little side-to-side marquee. DISCLAIMER: I didn't even test this, and most of it is off the top of my head, but you should be able to work out the minor kinks if there are any because the basic concept is there.

Use the jQuery Scroller plugin Try out a demonstration at vegabit.com/jquery_scroller.

Col3LongText: function() { var $flightsPanel = $('#flightsPanel'); $('. ScrollBox', $flightsPanel). Mouseover(function() { var boxWidth = $(this).width(); var textWidth = $('.

Deal-name', $(this)).width(); if (textWidth > boxWidth) { var animSpeed = textWidth - boxWidth; // 50 pix per sec $('. Deal-name', $(this)). Animate({textIndent: -animSpeed}, 2000); } }).

Mouseout(function() { $('. Deal-name', $(this)).stop(). Css({textIndent: 0}); }) }.

I use jScroller by Markus Bordihn. I have a sample working at the top of my blog: URL1 Markus also happens to have a standalone version which is jScroller2. This one doesn't need jQuery.

Downloads are available here: jscroller.markusbordihn.de/download.

A nice little side-to-side marquee. DISCLAIMER: I didn't even test this, and most of it is off the top of my head, but you should be able to work out the minor kinks if there are any because the basic concept is there.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions