Main Page

From FragoriaWiki

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
-
<script language="JavaScript1.2">
+
<style type="text/css">
-
/*
+
#marqueecontainer{
-
Cross browser Marquee script- © Dynamic Drive (www.dynamicdrive.com)
+
position: relative;
-
For full source code, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamicdrive.com
+
width: 200px; /*marquee width */
-
Credit MUST stay intact
+
height: 200px; /*marquee height */
-
*/
+
background-color: white;
 +
overflow: hidden;
 +
border: 3px solid orange;
 +
padding: 2px;
 +
padding-left: 4px;
 +
}
-
//Specify the marquee's width (in pixels)
+
</style>
-
var marqueewidth="300px"
+
-
//Specify the marquee's height
+
-
var marqueeheight="25px"
+
-
//Specify the marquee's marquee speed (larger is faster 1-10)
+
-
var marqueespeed=2
+
-
//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)
+
<script type="text/javascript">
-
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
+
-
var marqueecontent='<nobr><font face="Arial">Thank you for visiting <a href="http://www.dynamicdrive.com">Dynamic Drive.</a> If you find this script useful, please consider linking to us by <a href="../link.htm">click here.</a> Enjoy your stay!</font></nobr>'
+
/***********************************************
 +
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
 +
***********************************************/
 +
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
 +
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
 +
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
////NO NEED TO EDIT BELOW THIS LINE////////////
////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 copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var pausespeed=(pauseit==0)? copyspeed: 0
-
var iedom=document.all||document.getElementById
+
var actualheight=''
-
if (iedom)
+
-
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
+
-
var actualwidth=''
+
-
var cross_marquee, ns_marquee
+
-
 
+
-
function populate(){
+
-
if (iedom){
+
-
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
+
-
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
+
-
cross_marquee.innerHTML=marqueecontent
+
-
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
+
-
}
+
-
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
+
-
}
+
-
lefttime=setInterval("scrollmarquee()",20)
+
-
}
+
-
window.onload=populate
+
function scrollmarquee(){
function scrollmarquee(){
-
if (iedom){
+
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
-
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
+
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
-
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
+
else
else
-
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
+
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
 +
}
 +
function initializemarquee(){
 +
cross_marquee=document.getElementById("vmarquee")
 +
cross_marquee.style.top=0
 +
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
 +
actualheight=cross_marquee.offsetHeight
 +
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
 +
cross_marquee.style.height=marqueeheight+"px"
 +
cross_marquee.style.overflow="scroll"
 +
return
}
}
-
else if (document.layers){
+
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
-
if (ns_marquee.left>(actualwidth*(-1)+8))
+
-
ns_marquee.left-=copyspeed
+
-
else
+
-
ns_marquee.left=parseInt(marqueewidth)+8
+
-
}
+
}
}
-
if (iedom||document.layers){
+
if (window.addEventListener)
-
with (document){
+
window.addEventListener("load", initializemarquee, false)
-
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
+
else if (window.attachEvent)
-
if (iedom){
+
window.attachEvent("onload", initializemarquee)
-
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
+
else if (document.getElementById)
-
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
+
window.onload=initializemarquee
-
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
+
 
-
write('</div></div>')
+
 
-
}
+
-
else if (document.layers){
+
-
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
+
-
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
+
-
write('</ilayer>')
+
-
}
+
-
document.write('</td></table>')
+
-
}
+
-
}
+
</script>
</script>

Revision as of 06:23, 3 August 2011

<style type="text/css">

  1. marqueecontainer{

position: relative; width: 200px; /*marquee width */ height: 200px; /*marquee height */ background-color: white; overflow: hidden; border: 3px solid orange; padding: 2px; padding-left: 4px; }

</style>

<script type="text/javascript">

/***********************************************

  • Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
  • This notice MUST stay intact for legal use
  • Visit http://www.dynamicdrive.com/ for this script and 100s more.
                                                                                              • /

var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds) var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10) var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

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

var copyspeed=marqueespeed var pausespeed=(pauseit==0)? copyspeed: 0 var actualheight=

function scrollmarquee(){ 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" }

function initializemarquee(){ cross_marquee=document.getElementById("vmarquee") cross_marquee.style.top=0 marqueeheight=document.getElementById("marqueecontainer").offsetHeight actualheight=cross_marquee.offsetHeight if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit cross_marquee.style.height=marqueeheight+"px" cross_marquee.style.overflow="scroll" return } setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll) }

if (window.addEventListener) window.addEventListener("load", initializemarquee, false) else if (window.attachEvent) window.attachEvent("onload", initializemarquee) else if (document.getElementById) window.onload=initializemarquee


</script>

Have general questions, comments, or need additional info?
Visit our forum: http://en.fragoria.com/forum/index.php
Fragoria
           The Basics           



Crafts
Pets
PvP Battles
Technical Questions
Personal tools