Remove gap between marquee tags

Thursday, October 8, 2009

Question: How to remove gap or space between marquee tags ?

Answer :

<style type="text/css">
img {
width: 200px;
height: 75px;
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid black;
padding: 2px;
padding-left: 4px;

<script type="text/javascript">
var delayTime=5
var marqueeSpeed=2
var pauseTime=1
var copySpeed=marqueeSpeed
var pauseSpeed=(pauseTime==0)? copySpeed: 0
var actualHeight=''

function ScrollMarquee()
if (parseInt(>((actualHeight / 2)*(-1)+8))"px"
else - (actualHeight / 2)) / 2)+8 +"px"

function InitializeMarquee()
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1)
setTimeout('lefttime=setInterval("ScrollMarquee()",30)', delayTime)

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

<div id="marqueecontainer" onMouseover="copySpeed=pauseSpeed" onMouseout="copySpeed=marqueeSpeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<div id="copy1" style="background: red;">
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>

<div id="copy2" style="background: blue;">
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>
<div><img src=""></div>


Hope this post will help you,
if yes please put comment below of this page,
Rajesh Singh,
Asp.Net Developer
Indianic Infotech Ltd (India)

No comments :