Jump to content
xisto Community
Sign in to follow this  
l337 Nurse Pedestrian

<marquee> ..

Recommended Posts

Hey, I was wondering; for my website, i'm using <Marquee></marquee> Tags for like headlines, and things like that. I did notice it only goes from right to left. Is there away to reverse that? Meaning it goes from left to right? Is it a seperate tag? What about up and down? Any help would be greatly appreciated.

Share this post


Link to post
Share on other sites

Hey, I was wondering; for my website, i'm using <Marquee></marquee> Tags for like headlines, and things like that. I did notice it only goes from right to left. Is there away to reverse that? Meaning it goes from left to right? Is it a seperate tag? What about up and down? Any help would be greatly appreciated.

<{POST_SNAPBACK}>


Yups quite possible... There are several attributes of marquee that you can specify to make it behave whatever way you want (of course within it's own limits).. But note that most of these special attributes work only with IE engine based browsers. Here are some examples:

 

1. Direction

Normally it would always go from left to right (not right to left).. To make it go from left to right use this syntax:

<marquee direction="right">YourText</marquee>

 

Also you can make it go up and down...and put in several lines of text using <br>

Note this won't work on anything less than IE 5.x

<marquee direction="up" height="x">

YourText<br>

YourText2<br>

</marquee>

 

2. Alternating direction - first left to right and then right to left in an endless cycle

<marquee behavior="alternate">YourText</marquee>

 

3. Background color

This will change the back color of the band in which the marquee slides

<marquee bgcolor="#ffffee">YourText</marquee>

 

4. Width of the scrollpane - you can limit the marquee to scroll only within a certain area.

<marquee width="200">YourText</marquee>

 

5. Slide behaviour - if set to slide it will slide in only once and stop, i.e. the loop happens only once

<marquee behavior="slide">YourText</marquee>

 

6. Delay of the scroll effect - detrmines the intermittent pause as the marquee slides down. The delay is in milliseconds. Incresing it will slow the marquee down - similarly reducing will pace it up

<marquee scrolldelay="200">YourText</marquee>

 

7. Scroll Amount - this determines how many pixels the marquee skips as it slides on at every step.

<marquee scrollamount="30">YourText</marquee>

 

8. Finally, if you make the page ONLY for IE - then you can even make pictures scroll in/out using the marquee tags. Note this won't work on anything less than IE 5.x

<marquee><img src="mypicture.gif" width="x" height="y" alt="mypicture"></marquee>

 

Hope this will help you along the way...

Share this post


Link to post
Share on other sites

Hey, I was wondering; for my website, i'm using <Marquee></marquee> Tags for like headlines, and things like that. I did notice it only goes from right to left. Is there away to reverse that? Meaning it goes from left to right? Is it a seperate tag? What about up and down? Any help would be greatly appreciated.

<{POST_SNAPBACK}>


 

I'm not sure about the left to right marquee... As is it comes in the way we read.

 

Here is a up/down javascript that I didn't write but use once in a while. It will take images, text, or html. Just follow instructions and configure the script to your needs. Place the script where you want the scroll to appear on your site.

 

<script language="JavaScript1.2">/*Up down slideshow Script-Updated: 99/05/15 By Dynamic Drive (http://www.dynamicdrive.com/ full source code, installation instructions,100's more DHTML scripts, and Terms OfUse, visit dynamicdrive.com*////////configure the below four variables to change the style of the slider/////////set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!var scrollerwidth=103;var scrollerheight=106;var scrollerbgcolor='white';//3000 miliseconds=3 secondsvar pausebetweenimages=3000;//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tagvar slideimages=new Array();slideimages[0]='<a href="http://http://edition.cnn.com/ src="Image0.gif" border=0"></a>';//extend this list///////Do not edit pass this line///////////////////////if (slideimages.length>1)i=2;elsei=0;function move1(whichlayer){tlayer=eval(whichlayer);if (tlayer.top>0&&tlayer.top<=5){tlayer.top=0;setTimeout("move1(tlayer)",pausebetweenimages);setTimeout("move2(document.main.document.second)",pausebetweenimages);return;}if (tlayer.top>=tlayer.document.height*-1){tlayer.top-=5;setTimeout("move1(tlayer)",100);}else{tlayer.top=scrollerheight;tlayer.document.write(slideimages[i]);tlayer.document.close();if (i==slideimages.length-1)i=0;elsei++;}}function move2(whichlayer){tlayer2=eval(whichlayer);if (tlayer2.top>0&&tlayer2.top<=5){tlayer2.top=0;setTimeout("move2(tlayer2)",pausebetweenimages);setTimeout("move1(document.main.document.first)",pausebetweenimages);return;}if (tlayer2.top>=tlayer2.document.height*-1){tlayer2.top-=5;setTimeout("move2(tlayer2)",100);}else{tlayer2.top=scrollerheight;tlayer2.document.write(slideimages[i]);tlayer2.document.close();if (i==slideimages.length-1)i=0;elsei++;}}function move3(whichdiv){tdiv=eval(whichdiv);if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){tdiv.style.pixelTop=0;setTimeout("move3(tdiv)",pausebetweenimages);setTimeout("move4(second2)",pausebetweenimages);return;}if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){tdiv.style.pixelTop-=5;setTimeout("move3(tdiv)",100);}else{tdiv.style.pixelTop=scrollerheight;tdiv.innerHTML=slideimages[i];if (i==slideimages.length-1)i=0;elsei++;}}function move4(whichdiv){tdiv2=eval(whichdiv);if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){tdiv2.style.pixelTop=0;setTimeout("move4(tdiv2)",pausebetweenimages);setTimeout("move3(first2)",pausebetweenimages);return;}if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){tdiv2.style.pixelTop-=5;setTimeout("move4(second2)",100);}else{tdiv2.style.pixelTop=scrollerheight;tdiv2.innerHTML=slideimages[i];if (i==slideimages.length-1)i=0;elsei++;}}function startscroll(){if (document.all){move3(first2);second2.style.top=scrollerheight;}else if (document.layers){document.main.visibility='show';move1(document.main.document.first);document.main.document.second.top=scrollerheight+5;document.main.document.second.visibility='show';}}window.onload=startscroll;</script><ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide><layer id="first" left=0 top=1 width=&{scrollerwidth}; ><script language="JavaScript1.2">if (document.layers)document.write(slideimages[0]);</script></layer><layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide><script language="JavaScript1.2">if (document.layers)document.write(slideimages[1]);</script></layer></ilayer><script language="JavaScript1.2">if (document.all){document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">');document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');document.write(slideimages[0]);document.writeln('</div>');document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">');document.write(slideimages[1]);document.writeln('</div>');document.writeln('</div>');document.writeln('</span>');}</script>

pete :P

Share this post


Link to post
Share on other sites

lol, i'm pretty sure it isn't necessary to go through all that coding just to go up and down...here's left to right:<marquee direction="left" width="x" height="y">Text You Want To Scroll</marquee>here's right to left:<marquee direction="left" width="x" height="y">Text You Want To Scroll</marquee>here's up to down:<marquee direction="down" width="x" height="y">Text You Want To Scroll</marquee>and here's down to up:<marquee direction="up" width="x" height="y">Text You Want To Scroll</marquee>it's as easy as that =P No extra coding is really necessary unless you want to get all fancy ^_^

Share this post


Link to post
Share on other sites

hahaha! i think space orangutan is right. you cant read english back to front, unless its a different language like them ones in asia. i think the marquee tag is pretty easy. by reference from the other posts above you can also combine your marquee tags to make your coding more tidier and re-readable.so this is to make your text go right, scrolldelay at 1 millisecond, and scroll at every 1 pixels:<marquee direction="right" scrolldelay="1" scrollamount="1">TEXT</marquee>oh yeh to warn you i have made a page before loaded with marquee scrolls and it really slows the browser down on the page. and all the picture animation slows it totally.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.