Horizontal Scroll

**shakti5385** · Mar 24th, 2009, 02:27 PM

I want to create horizontal scroll that are mention in the website http://www.nicholsinstitute.com/Default.aspx

let me know if you have any idea about that.

Thanks
shakti

**mendhak** · Mar 25th, 2009, 02:58 AM

I don't see any horizontal scrollbar on that site, is that what you're trying to add to your page? Or are you referring to something else?

**StrangerInBeijing** · Mar 25th, 2009, 04:12 AM

Bet he is talking about he scrolling marquee in the top right corner.

You can read about that here. Not a very popular thing to use though.

**shakti5385** · Mar 25th, 2009, 09:31 AM

Yes you was right I was talking about scrolling marque at top right corner... but I do not want to use marque here.
do you have any other suggestion.

**StrangerInBeijing** · Mar 25th, 2009, 09:55 AM

Good decision...marquee's is an IE only thing.

Yeah, as it have to happen on the client side, JavaScript should do the trick.

Try the following (you can tinker with it to make it work for your specific scenario):

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script type="text/javascript">
        message = "Stranger strange land.  gwarra gwarra gwarra";
        initial_delay = 0;
        scroll_delay = 75;
        max_indent = 50;
        function scroll() {
            message = message.substring(1, message.length)
              + message.substring(0, 1);
            document.scrollbox_form.scrollbox.value = message;
            window.setTimeout("scroll ()", scroll_delay);
        }
        function start_scroll() {
            for (var i = 1; i <= max_indent; i++)
                message = " " + message;
            scrollbox = document.scrollbox_form.scrollbox;
            window.setTimeout("scroll ()", initial_delay);
        }
    </script>
</head>
<body onload="start_scroll ();">
    Text will scroll below if your browser support Javascript.
    <form name="scrollbox_form">
    <input type="text" name="scrollbox" size="25">
    </form>
    ....
</body>
</html>

**shakti5385** · Mar 25th, 2009, 02:09 PM

Thanks for answer but that was not similar as it was mention in the website can we use its JS and CSs?

**StrangerInBeijing** · Mar 25th, 2009, 09:49 PM

Sure. Look at the source, get the path's to the js files and open. I'll never try do that (hate figuring out other's code)

**mendhak** · Mar 26th, 2009, 02:31 AM

The specific name for that is a 'ticker'. The most popular being the BBC news ticker.

http://www.mioplanet.com/rsc/newsticker_javascript.htm

Thread: Horizontal Scroll

Thread Tools

Display

Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Re: Horizontal Scroll

Posting Permissions