How to create non ending marquee

Question

0.00/5 (No votes)

See more:

How to use marque non ending ....i want to create marque non ending ...just like loop..i am tring to use loop but loop can't satified me

Posted 7-Sep-12 23:22pm

Devendra 1988

Add a Solution

4 solutions

Solution 4

hi,

http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm[^]

regards
Karthik.J

Posted 8-Sep-12 1:54am

Karthik J, Coimbatore

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Vinod Viswanath · Accepted Answer · 2012-09-08T00:03:00

Hello, Use the following java script code.

Java

<script language="JavaScript">
<!-- Begin hide from old browsers
window.onerror = null
var browserOK = (((navigator.appName == 'Netscape') &&
                  (parseInt(navigator.appVersion) >= 3)) ||
		 ((navigator.appName == 'Microsoft Internet Explorer') &&
		  (parseInt(navigator.appVersion) >= 4)));


if (browserOK)
{
    Message = "Welcome to code project";
    Length = 0;
}
    
function marquee()
{
  if (browserOK)
  {
    window.status = Message.substring(0, Length);
    if (++Length > Message.length)
    {
      Length = 0;
      window.setTimeout('marquee()', 8000);
    }
    else
    {
      window.setTimeout('marquee()', 200);
    }
  }
}

window.setTimeout('marquee()', 100);

// End hide -->
</script>

Thanks!!!

Ganesh Nikam · Accepted Answer · 2012-09-08T00:03:00

hii,
refer this
link
http://www.quackit.com/html/codes/html_marquee_code.cfm[^]

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm[^]

or

use following code

<html>
<head>

</head>
<body>
<script language="JavaScript1.2">

//Specify the marquee's width (in pixels)
var marqueewidth="300px"
//Specify the marquee's height
var marqueeheight="25px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=3
//Specify initial pause before scrolling in milliseconds
var initPause=0
//Specify start with Full(1)or Empty(0) Marquee
var full=0
//configure background color:
var marqueebgcolor="#DEFDD9"
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s

great):

var marqueecontent='<nobr>Looping Content'

////NO NEED TO EDIT BELOW THIS LINE////////////
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write(''+marqueecontent+'')
var actualwidth=''
var cross_marquee, cross_marquee2, ns_marquee
function populate(){
if (iedom){
var initFill=(full==1)? '8px' : parseInt(marqueewidth)+8+"px"
actualwidth=document.all? temp.offsetWidth : document.getElementById

("temp").offsetWidth
cross_marquee=document.getElementById? document.getElementById("iemarquee") :

document.all.iemarquee
cross_marquee.style.left=initFill
cross_marquee2=document.getElementById? document.getElementById("iemarquee2") :

document.all.iemarquee2
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent
cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px"

//indicates following #1
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)',initPause)
}
window.onload=populate

function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)<(actualwidth*(-1)+8))
cross_marquee.style.left=(parseInt(cross_marquee2.style.left)+actualwidth+8)+"px"
if (parseInt(cross_marquee2.style.left)<(actualwidth*(-1)+8))
cross_marquee2.style.left=(parseInt(cross_marquee.style.left)+actualwidth+8)+"px"
cross_marquee2.style.left=parseInt(cross_marquee2.style.left)-copyspeed+"px"
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}

if (iedom||document.layers){
with (document){
document.write('

')
if (iedom){
write('

')
write('

onMouseout="copyspeed=marqueespeed">')
write('

style="position:absolute;left:0px;top:3px;display:inline;">

')
write('

style="position:absolute;left:0px;top:3px;display:inline;">

')
write('

')
}
else if (document.layers){
write('<ilayer width="+marqueewidth+" height="+marqueeheight+" name="ns_marquee">

bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left="0" top="3" önmouseover="copyspeed=pausespeed">

onMouseout="copyspeed=marqueespeed">')
write('')
}
document.write('

')
}
}
</script>
</body>
</html>

Menon Santosh · Accepted Answer · 2012-09-07T23:58:00

Solution 1

check these examples
http://www.mountaindragon.com/html/marquee.htm[^]

Posted 7-Sep-12 23:58pm

Menon Santosh

Updated 8-Sep-12 0:17am

v3

How to create non ending marquee

4 solutions

Solution 2

Solution 3

Solution 1

Solution 4

Add your solution here

Preview 0