<style type="text/css">
#marqueecontainer{
position: relative;
width: 650px; /*marquee width */
height: 150px; /*marquee height */
background-color: white;
overflow: hidden;
border: 2px Solid Purple;
padding: 2px;
padding-left: 4x;
}
</style>
<script type="text/javascript">
/***********************************************
* Cross browser Marquee II- c 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=1 //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 actualwidth='px'
function scrollmarquee(){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
}
function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.left=0
marqueewidth=document.getElementById("marqueecontainer").offsetWidth
actualwidth=cross_marquee.offsetWidth
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.width=marqueewidth+"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>
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">
<!--YOUR SCROLL CONTENT HERE-->
<h4>
<img src='1.jpg' width='120' height='80' border='0' onmouseover='this.height=200;this.width=200;' onmouseout='this.height=80;this.width=80;'> <font color='#8D38C9'>ABCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
<img src='2.jpg' width='50' height='100' border='0' onmouseover='this.height=100;this.width=200;' onmouseout='this.height=100;this.width=50;'> <font color='#00FFFF'>BCD
<img src='3.jpg' width='50' height='100' border='0' onmouseover='this.height=100;this.width=200;' onmouseout='this.height=100;this.width=50;'> <font color='#41A317'>EFG
</h4>
<!--YOUR SCROLL CONTENT HERE-->
</div>
</div>
The 2.jpg and 3.jpg go to next line!
Which parameter should be set so that 2.jpg and 3.jpg will not go to next line? Thanks!