insideorkut.com

What is the key to iContact email marketing?

Try iContact email marketing for free for 30 days. Click here to use coupon...

Get a free trial of iContact here. Click here for this special deal...
Got a question... What is the key to iContact email marketing? Thanks in advance for any comment. Another quick question... Hey guys,.

I play a game called America's Army, I'm in a clan called WildCat's and I'm the webmaster of our website.

Www.aawildcat.com.

(I didn't make it though.

)..

Anyway, to the point. I want to try and make a sidescrolling marquee that will freeze when the mouse cursor rolls over it..

This is what It will look like.

Http://www.aawildcats.com/marquee.test.html.

Not only that but I would like the marquee to be attached to the top or bottom of the webpage, so that when you scroll your page down, the marquee bar stays in the same place and scrolls down with the page at the same time (sorry I couldn't find any examples).

If anyone could help me out or give me links to a tutorial, or tell me what this technique is called, any information,; that would be great!..

Comments (11)

Good question... I dunno what is the right answer to your question. I'll do some research in Google and get back to you if I discover an good answer. You should email the people at iContact as they probably could give you an answer..

Comment #1

Ok, got the marquee, here's the code, now tryign to get one of those static div thingy's..

<script language="JavaScript1.2">.

/*.

Cross browser Marquee II- Dynamic Drive (.

Www.dynamicdrive.com.

).

For full source code, 100's more DHTML scripts, and TOS, visit.

Http://www.dynamicdrive.com.

Credit MUST stay intact.

*/.

//Specify the marquee's width (in pixels).

Var marqueewidth="200px".

//Specify the marquee's height.

Var marqueeheight="150px".

//Specify the marquee's marquee speed (larger is faster 1-10).

Var marqueespeed=2.

//Pause marquee onMousever (0=no. 1=yes)?.

Var pauseit=1.

//Specify the marquee's content.

//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):.

Var marqueecontent='<font face="Verdana">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a><p>If you find this script useful, please consider linking to us by <a href="../link.htm">clicking here.</a><p>Visit our partner <a href="http://javascriptkit.com">JavaScript Kit</a> for JavaScript tutorials.</font>'.

////NO NEED TO EDIT BELOW THIS LINE////////////.

Marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS.

Var copyspeed=marqueespeed.

Var pausespeed=(pauseit==0)? copyspeed: 0.

Var iedom=document.all||document.getElementById.

Var actualheight=''.

Var cross_marquee, ns_marquee.

Function populate(){.

If (iedom){.

Cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee.

Cross_marquee.style.top=parseInt(marqueeheight)+8+"px".

Cross_marquee.innerHTML=marqueecontent.

Actualheight=cross_marquee.offsetHeight.

}.

Else if (document.layers){.

Ns_marquee=document.ns_marquee.document.ns_marquee2.

Ns_marquee.top=parseInt(marqueeheight)+8.

Ns_marquee.document.write(marqueecontent).

Ns_marquee.document.close().

Actualheight=ns_marquee.document.height.

}.

Lefttime=setInterval("scrollmarquee()",20).

}.

Window.onload=populate.

Function scrollmarquee(){.

If (iedom){.

If (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8)).

Cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px".

Else.

Cross_marquee.style.top=parseInt(marqueeheight)+8+"px".

}.

Else if (document.layers){.

If (ns_marquee.top>(actualheight*(-1)+8)).

Ns_marquee.top-=copyspeed.

Else.

Ns_marquee.top=parseInt(marqueeheight)+8.

}.

}.

If (iedom||document.layers){.

With (document){.

If (iedom){.

Write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">').

Write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">').

Write('</div></div>').

}.

Else if (document.layers){.

Write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">').

Write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>').

Write('</ilayer>').

}.

}.

}.

</script>..

Comment #2

Hey, cant seem to find it, has anyone here on the forums who knows how to make a div which doesnt scroll with the rest of the page?..

Comment #3

If I had to guess, I would use <style=position="fixed"> or somehting similar. Keep in mind I don't know js very well (not well at all)...

Comment #4

Well here is what I've got so far, and thanks for your help..

Http://www.aawildcats.com/main.shtml.

All I need now, is to try and make it so it's attached to my ie, when I scroll down..

[edit] how can I remove the underline formatting from the links? or is that not possible?..

Comment #5

Thats easy to do with css..

In your <head>, add this:.

Additionally, you can add this to do the following:.

Edit this and this is what it will look like when that link is active..

This is once the link is visited..

This is when you hover over this link, some pretty cool effects are created here. *Note you can change the size so on hover, it will "pop out.".

Go.

Here.

For a list of CSS commands...

Comment #6

Could you try re-explaining this? I don't understand what you mean...

Comment #7

It'd be better If I had an example, but I've seen it done before. The marquee is actually attacthed to the top of the internet explorer window under the address bar, here:.

When you scroll in any direction the marquee would stay in the exact same place under the address bar...

Comment #8

What he means is, you get those navbars that always stay on the left side, those drop-down ones, and the arrow stayed on the left side no matter how far down the page you scroll. He wants the scroler like that. But to stick at the top of the page...

Comment #9

Hi there Ph4rcyde,.

Check out the attachment it may suit your requiments.

The stop and start will not operate in Opera though..

Comment #10

Ok, finally found it. Thank god, it works, but, as usual IE doesnt have standards support for CSS2, so this wont function in IE..

There are some hacks for this buy wont's get into it now. Post if you really want those hacks..

Here's the code which will work in all CSS2 compliant browsers. Just add the javascript ticker code inside the div, and place the div where the ticker should be. The Css goes in the <head>...

Comment #11

Ok, coothead and Yabba have beaten me to it and both with better solutions. lol. Ok well, hope you get your scroller working...

Comment #12


This question was taken from a support group/message board and re-posted here so others can learn from it.