I've been working on a desktop app for internal marketing purposes... It was an interesting blend of web and desktop development as the client had to open up a website and display it. Rather simple really, however they wanted some animation. However, what they asked for was rather generic, so I built it into an extender (on my own time) and I'm putting it out here for the world to use.
This extender is rather basic, as always (as always, you're going to need the AJAX Toolkit to compile it). Anyway, in this instance I needed something that scrolled a bit of text inside of a div from the bottom of the div to the top, hiding any overflow. That was it really. I could always use the marquee tag, but I'm not big on using anything nonstandard... So what I came up with was this:
TickerExtender.zip (1.87 kb)
In order to use it, all you need to do is set the TargetID to the div that holds the text you want to scroll and the amount of time (in seconds) that you want it to take (Delay field). Also, it changes three things of the div you specify:
-
It creates a div inside of it to hold the information and scrolls this inner div.
-
It makes the div you specify absolutely positioned.
-
It sets the overflow of the div to hidden.
That's it in terms of unexpected consequences. Other than that, it'll just constantly scroll that text. You may wish to change the code and add some features (scrolling in any direction, maybe some fading effects, etc.), but if not just download the code, give it a try, and happy coding.
98c28954-a835-442b-a530-c4742ad8e284|2|3.0