Comments on: SimpleHorizontalScroll

By: Daantje

Daantje — Sun, 25 Oct 2009 09:46:20 +0000

On mouseover, just kill the timer and on mouseout start it again. onmouseover{clearTimeout(scrllTmr);}

The next loop comes after the scroll pane (scrollme) object is completely to the left. So when ’scrollme’ is a width of 100000px it can be a log time to start see it again. You can debug by giving it a border, you can see what happens.

This little script is just to let you see how it works, you’ll need to tweak it to your needs.

By: simirnov

simirnov — Sat, 24 Oct 2009 11:58:16 +0000

Hi Daantje ,

Nice javascript work! But it has one short-coming! It should stop on mouseover event and start scrolling on mouseout event!

can you tell me how to do this in this code?

Secondly, it take a lot of time in beginning the second loop! When the text starts its first animation and exits the stage, in starting the second time animation, there is big interval or time!

can this interval be reduced in timespan and make it seamless looped animation?

Please help!
Thanks!
Bye!

By: Daantje

Daantje — Tue, 29 Sep 2009 12:49:42 +0000

@Psykosen W3c doesn’t support “marquee”…

By: Daantje

Daantje — Tue, 29 Sep 2009 12:45:19 +0000

The scollable starts at left:-100px; make that value lower or higher to tweak.

By: Huzefa

Huzefa — Tue, 29 Sep 2009 12:40:03 +0000

Hi,

Thanks for simple way

But, how can I do it fast, There’s a waiting time before it launches or it comes back again.

How can I change that?

Huzefa

By: Daantje

Daantje — Thu, 24 Sep 2009 22:58:28 +0000

USE WINRAR!!!!! or a real OS. Dah!

By: Ron

Ron — Wed, 23 Sep 2009 07:23:35 +0000

Dah!
The compressed file ain’t opening with my winzip

By: Psykosen

Psykosen — Thu, 09 Jul 2009 04:30:11 +0000

arg!!!! ****** this system why!!!!!!!!!!

use marquee with id \scroller\ in site a div with class \scroll\

By: Psykosen

Psykosen — Thu, 09 Jul 2009 04:27:20 +0000

sorry for that the code dosn’t show but

//
//
Hi There!
//
//

///////// STYLE CSS

.scroll {
position: absolute; margin-left: 50%; margin-top: 200px; left:-100px;
background: #EEE url(some_back_G.png) no-repeat bottom left;}

#scroller {
font-size: 17px;
}
Regards
psykosen in DK

By: Psykosen

Psykosen — Thu, 09 Jul 2009 04:23:33 +0000

Hey not that i don’t like the work you pyt in to this but why use so menny lines of code when this dos the trik too

Hi There!

///////// STYLE CSS

.scroll {
position: absolute; margin-left: 50%; margin-top: 200px; left:-100px;
background: #EEE url(some_back_G.png) no-repeat bottom left;}

#scroller {
font-size: 17px;
}

just saying byt hey cood codeing ;-)

Regards
psykosen in DK