Scoller

Paste This code in head part
<Script type="text/javascript">
var cscroll = function(myname,parentid,nsize,nwid,nhit,contents,spd,conhit)
{
this.newssize=nsize;
this.speed =spd;
if(conhit==null || conhit<(nhit/(nsize-1)))
this.contentheight=nhit/(nsize-1);
else
this.contentheight=conhit;
this.parentDiv = document.getElementById(parentid);
this.parentDiv.style.position="relative";
this.parentDiv.style.backgroundColor="#FFFFFF";
this.parentDiv.style.borderWidth="1";
this.parentDiv.style.borderColor="#EEEEEE";
this.parentDiv.style.borderStyle="Solid";
this.parentDiv.style.left="0px";
this.parentDiv.style.top="0px";
this.parentDiv.style.width=nwid;
this.parentDiv.style.height=nhit;
this.news_items = new Array(nsize);
for(i=0;i<nsize;i++)
{
this.news_items = document.createElement("DIV");
this.news_items.setAttribute("id","News"+i);
if(contents==null)
this.news_items.innerHTML = "News "+i;
else
this.news_items.innerHTML = "Endof"+contents;
this.news_items.style.backgroundColor="#FFFFFF"
this.news_items.style.position="absolute";
this.news_items.style.top=this.parentDiv.style.top.split("p")[0]+this.parentDiv.style.height.split("p")[0];
this.parentDiv.appendChild(this.news_items);
this.news_items.style.height=this.contentheight+"px";
this.news_items.style.width=this.parentDiv.style.width;
this.news_items.setAttribute("onmouseover",myname+".stop()");
this.news_items.setAttribute("onmouseout",myname+".resume()");
this.news_items.style.clip = "rect("+this.parentDiv.style.top.split("p")[0] + this.parentDiv.style.height.split("p")[0] +"px " + this.parentDiv.style.left.split("p")[0] + this.parentDiv.style.width.split("p")[0] +"px "+this.parentDiv.style.top.split("p")[0] + this.parentDiv.style.height.split("p")[0] + "px "+this.parentDiv.style.left.split("p")[0]+"px)";
}
this.currentDiv=0;
this.currentStart=0;
this.topclip=0;
this.botclip=0;
this.showHide=function()
{
if(this.currentStart>this.currentDiv)
{
for(i=this.currentDiv;i<=this.currentStart;i++)
{
this.news_items.style.top = Number(this.news_items.style.top.split("p")[0])-1;
}
}
else if(this.currentStart<this.currentDiv)
{

for(i=this.currentDiv;i<this.newssize;i++)
{
this.news_items.style.top = Number(this.news_items.style.top.split("p")[0])-1;
}
for(i=0;i<=this.currentStart;i++)
{
this.news_items.style.top = Number(this.news_items.style.top.split("p")[0])-1;
}
}
else
{
this.news_items[this.currentStart].style.top = Number(this.news_items[this.currentStart].style.top.split("p")[0])-1;
}

if(this.botclip<=this.news_items[this.currentStart].style.height.split("p")[0])
{
this.botclip=this.botclip+1;
}
else
{
this.currentStart = this.currentStart + 1;
if(this.currentStart>=this.newssize)
this.currentStart=0;
this.botclip=0;
}

if((Number(this.news_items[this.currentDiv].style.top.split("p")[0])<Number(this.parentDiv.style.top.split("p")[0]) )&& (Number(this.news_items[this.currentDiv].style.top.split("p")[0])+Number(this.news_items[this.currentDiv].style.height.split("p")[0]))>Number(this.parentDiv.style.top.split("p")[0]))
{
this.topclip = this.topclip+1;
this.news_items[this.currentDiv].style.clip="rect("+ this.topclip +"px "+this.parentDiv.style.width.split("p")[0]+"px "+ Number(this.news_items[this.currentDiv].style.height.split("p")[0])+"px 0px)";
}
if((Number(this.news_items[this.currentDiv].style.top.split("p")[0])+Number(this.news_items[this.currentDiv].style.height.split("p")[0]))<Number(this.parentDiv.style.top.split("p")[0]))
{

this.news_items[this.currentDiv].style.top=this.parentDiv.style.top.split("p")[0]+this.parentDiv.style.height.split("p")[0];
this.news_items[this.currentDiv].style.clip = "rect("+this.parentDiv.style.top.split("p")[0] + this.parentDiv.style.height.split("p")[0] +"px " + this.parentDiv.style.left.split("p")[0] + this.parentDiv.style.width.split("p")[0] +"px "+this.parentDiv.style.top.split("p")[0] + this.parentDiv.style.height.split("p")[0] + "px "+this.parentDiv.style.left.split("p")[0]+"px)";

this.topclip=0;
this.currentDiv=this.currentDiv+1
if(this.currentDiv>=this.newssize)
{
this.currentDiv=0;
}

}

this.news_items[this.currentStart].style.clip="rect(0px "+this.parentDiv.style.width.split("p")[0]+"px "+ this.botclip+"px 0px)";

}
this.tid=setInterval(myname+".showHide()",this.speed);
this.stop = function()
{
clearInterval(this.tid);
}
this.resume = function()
{
this.tid=setInterval(myname+".showHide()",this.speed);
}
}


</Script>


Create this Div in Body

<div id="NewsScroller" >

</div>


Copy this after all the contents and
you can modify the array and number of contents...
<script type="text/javascript">
var con = new Array(3);
con[0]="God Bless You";
con[1]="Do Good things";
con[2]="OpenSource";
con[3]="allupaku@gmail.com";
con[4]="The last content";
var csc = new cscroll('csc','NewsScroller','5','220','200',con,'30','70');
</script>

This posting has no comments.

This member is at his first posting.