scrolling text HTML with mouse control and manual operation ~ scrolling and marquee text in HTML and java script

scrolling text HTML with mouse control and manual operation

Tuesday, March 16, 2010 10:55 AM Posted by Unknown , 0 Comments

Labels: scrolling text HTML with mouse control and manual operation

Demo:

if you like this then,

simply put this code into your BODY tag.

<div style="background-color:#FFFFDD;width:155px"><center><a href="javascript:movedown()">Down</a> <a href="javascript:moveup()">Up</a> 
<a href="javascript:stopscroll()">Stop</a> <a href="javascript:movetop()">Top</a></center> 
</div> 
 
<SCRIPT language="JavaScript1.2"> 
 
//Manual Scroller- © scrollingtext 2009 
//For full source code, visit http://scrollingtext.blogspot.com 
//powered by http://blogging-tips-tools.blogspot.com 
//this iscopyright material, if you will remove this tag you might be banned or sued. 
//specify speed of scroll (greater=faster) 
var speed=2 
 
iens6=document.all||document.getElementById 
ns4=document.layers 
 
if (iens6){ 
document.write('<div id="container" style="position:relative;width:155px;height:160px;overflow:hidden;border:2px ridge white">') 
document.write('<div id="content" style="position:absolute;width:155px;left:0px;top:0px">') 
} 
</script> 
 
<ilayer name="nscontainer" width=155 height=160 clip="0,0,155,160"> 
<layer name="nscontent" width=155 height=160 visibility=hidden> 
 
 
- DHTML is the 
combination of HTML, JavaScript, and CSS 
- DOM stands for Document Object Model 
- DHTML allows 
content on a page to change on the fly, without reloading the page 
- CSS allows for the separation between content 
definition and formatting 
- CSS stands for Cascading style sheet 
- <a href="http://scrollingtext.blogspot.com.com">scrolling text</a> provides free, cut and paste DHTML scripts DO not alter this statment 
 
 
</layer> 
</ilayer> 
 
<script language="JavaScript1.2"> 
if (iens6){ 
document.write('</div></div>') 
var crossobj=document.getElementById? document.getElementById("content") : document.all.content 
var contentheight=crossobj.offsetHeight 
} 
else if (ns4){ 
var crossobj=document.nscontainer.document.nscontent 
var contentheight=crossobj.clip.height 
} 
 
function movedown(){ 
if (window.moveupvar) clearTimeout(moveupvar) 
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100)) 
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px" 
else if (ns4&&crossobj.top>=(contentheight*(-1)+100)) 
crossobj.top-=speed 
movedownvar=setTimeout("movedown()",20) 
} 
 
function moveup(){ 
if (window.movedownvar) clearTimeout(movedownvar) 
if (iens6&&parseInt(crossobj.style.top)<=0) 
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px" 
else if (ns4&&crossobj.top<=0) 
crossobj.top+=speed 
moveupvar=setTimeout("moveup()",20) 
} 
 
function stopscroll(){ 
if (window.moveupvar) clearTimeout(moveupvar) 
if (window.movedownvar) clearTimeout(movedownvar) 
} 
 
function movetop(){ 
stopscroll() 
if (iens6) 
crossobj.style.top=0+"px" 
else if (ns4) 
crossobj.top=0 
} 
 
function getcontent_height(){ 
if (iens6) 
contentheight=crossobj.offsetHeight 
else if (ns4) 
document.nscontainer.document.nscontent.visibility="show" 
} 
window.onload=getcontent_height 
</script>

scrolling text HTML with mouse control and manual operation

0 Response to "scrolling text HTML with mouse control and manual operation"

Post a Comment