I love the Dynamic Drive cross browser marquee script. I'd like to
make the text loop immediately after completion, so the beginning runs
right after the end (does that make sense?). Could anyone tell me how
to do this?
Here's the link: http://www.calicosystems.com/pilla/index1.htm
Here's the code:
<script language="JavaS cript1.2">
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="7 50px"
//Specify the marquee's height
var marqueeheight=" 15px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor= "#E0BC98"
//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><font size="2" face="Arial, Helvetica,
sans-serif"> <a href="pages_med ia/media1.htm"> Have you seen our
newest collection of JM Lynne Quicksilver wallcoverings? See it here
in the Media Center new products area and contact your Designtex sales
representative today. </a> • •
• • <a href="pages_med ia/media1.htm"> Did
you know that we won Best of Booth Award at the recent Hospitality
Design Expo in Las Vegas? Check out the events section of the Media
Center to view these unique displays.</a> •
• • • <a
href="pages_eco/eco1.htm"> Looking for the most current information
regarding our sustainable products? Click on ¹Eco-Initiatives¹ page
for product updates</a>.</font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(d ocument.all)? marqueespeed : Math.max(1,
marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqu eespeed
var pausespeed=(pau seit==0)? copyspeed: 0
var iedom=document. all||document.g etElementById
if (iedom)
document.write( '<span id="temp"
style="visibili ty:hidden;posit ion:absolute;to p:-100px;left:-9000px">'+marqu eecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=d ocument.getElem entById?
document.getEle mentById("iemar quee") : document.all.ie marquee
cross_marquee.s tyle.left=parse Int(marqueewidt h)+8+"px"
cross_marquee.i nnerHTML=marque econtent
actualwidth=doc ument.all? temp.offsetWidt h :
document.getEle mentById("temp" ).offsetWidth
}
else if (document.layer s){
ns_marquee=docu ment.ns_marquee .document.ns_ma rquee2
ns_marquee.left =parseInt(marqu eewidth)+8
ns_marquee.docu ment.write(marq ueecontent)
ns_marquee.docu ment.close()
actualwidth=ns_ marquee.documen t.width
}
lefttime=setInt erval("scrollma rquee()",20)
}
window.onload=p opulate
function scrollmarquee() {
if (iedom){
if (parseInt(cross _marquee.style. left)>(actualwi dth*(-1)+8))
cross_marquee.s tyle.left=parse Int(cross_marqu ee.style.left)-copyspeed+"px"
else
cross_marquee.s tyle.left=parse Int(marqueewidt h)+8+"px"
}
else if (document.layer s){
if (ns_marquee.lef t>(actualwidth* (-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left =parseInt(marqu eewidth)+8
}
}
if (iedom||documen t.layers){
with (document){
document.write( '<table border="0" cellspacing="0"
cellpadding="0" ><td>')
if (iedom){
write('<div style="position :relative;width :'+marqueewidth +';height:'+mar queeheight+';ov erflow:hidden"> ')
write('<div style="position :absolute;width :'+marqueewidth +';height:'+mar queeheight+';ba ckground-color:'+marquee bgcolor+'"
onMouseover="co pyspeed=pausesp eed"
onMouseout="cop yspeed=marquees peed">')
write('<div id="iemarquee"
style="position :absolute;left: 0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layer s){
write('<ilayer width='+marquee width+' height='+marque eheight+'
name="ns_marque e" bgColor='+marqu eebgcolor+'>')
write('<layer name="ns_marque e2" left=0 top=0
onMouseover="co pyspeed=pausesp eed"
onMouseout="cop yspeed=marquees peed"></layer>')
write('</ilayer>')
}
document.write( '</td></table>')
}
}
</script>
Thanks!
make the text loop immediately after completion, so the beginning runs
right after the end (does that make sense?). Could anyone tell me how
to do this?
Here's the link: http://www.calicosystems.com/pilla/index1.htm
Here's the code:
<script language="JavaS cript1.2">
/*
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="7 50px"
//Specify the marquee's height
var marqueeheight=" 15px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//configure background color:
var marqueebgcolor= "#E0BC98"
//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><font size="2" face="Arial, Helvetica,
sans-serif"> <a href="pages_med ia/media1.htm"> Have you seen our
newest collection of JM Lynne Quicksilver wallcoverings? See it here
in the Media Center new products area and contact your Designtex sales
representative today. </a> • •
• • <a href="pages_med ia/media1.htm"> Did
you know that we won Best of Booth Award at the recent Hospitality
Design Expo in Las Vegas? Check out the events section of the Media
Center to view these unique displays.</a> •
• • • <a
href="pages_eco/eco1.htm"> Looking for the most current information
regarding our sustainable products? Click on ¹Eco-Initiatives¹ page
for product updates</a>.</font></nobr>'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(d ocument.all)? marqueespeed : Math.max(1,
marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqu eespeed
var pausespeed=(pau seit==0)? copyspeed: 0
var iedom=document. all||document.g etElementById
if (iedom)
document.write( '<span id="temp"
style="visibili ty:hidden;posit ion:absolute;to p:-100px;left:-9000px">'+marqu eecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=d ocument.getElem entById?
document.getEle mentById("iemar quee") : document.all.ie marquee
cross_marquee.s tyle.left=parse Int(marqueewidt h)+8+"px"
cross_marquee.i nnerHTML=marque econtent
actualwidth=doc ument.all? temp.offsetWidt h :
document.getEle mentById("temp" ).offsetWidth
}
else if (document.layer s){
ns_marquee=docu ment.ns_marquee .document.ns_ma rquee2
ns_marquee.left =parseInt(marqu eewidth)+8
ns_marquee.docu ment.write(marq ueecontent)
ns_marquee.docu ment.close()
actualwidth=ns_ marquee.documen t.width
}
lefttime=setInt erval("scrollma rquee()",20)
}
window.onload=p opulate
function scrollmarquee() {
if (iedom){
if (parseInt(cross _marquee.style. left)>(actualwi dth*(-1)+8))
cross_marquee.s tyle.left=parse Int(cross_marqu ee.style.left)-copyspeed+"px"
else
cross_marquee.s tyle.left=parse Int(marqueewidt h)+8+"px"
}
else if (document.layer s){
if (ns_marquee.lef t>(actualwidth* (-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left =parseInt(marqu eewidth)+8
}
}
if (iedom||documen t.layers){
with (document){
document.write( '<table border="0" cellspacing="0"
cellpadding="0" ><td>')
if (iedom){
write('<div style="position :relative;width :'+marqueewidth +';height:'+mar queeheight+';ov erflow:hidden"> ')
write('<div style="position :absolute;width :'+marqueewidth +';height:'+mar queeheight+';ba ckground-color:'+marquee bgcolor+'"
onMouseover="co pyspeed=pausesp eed"
onMouseout="cop yspeed=marquees peed">')
write('<div id="iemarquee"
style="position :absolute;left: 0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layer s){
write('<ilayer width='+marquee width+' height='+marque eheight+'
name="ns_marque e" bgColor='+marqu eebgcolor+'>')
write('<layer name="ns_marque e2" left=0 top=0
onMouseover="co pyspeed=pausesp eed"
onMouseout="cop yspeed=marquees peed"></layer>')
write('</ilayer>')
}
document.write( '</td></table>')
}
}
</script>
Thanks!
Comment