Play and learn 300 000+ tabs online

Thursday, September 23, 2010

How to make Scrolling Text for Blogs

The following is the sample java script file which is used to make the scrolling effect for text in your blogs
<style type="text/css">

 
<!--
marquee {
    font-family: verdana;
    font-size: 11px;
    background-color: transparent;
    width:662px;
    height:17px;
    color: #ffffff;
    font-weight: bold;
}
 
marquee_a {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
--></style><script language="JavaScript" type="text/JavaScript">
<!--
var ppState = 'pause';
var mqWay = 'left';
 
Function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; For(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
Function MM_preloadImages() { //v3.0
  var d=document; If(d.images){ If(!d.MM_p) d.MM_p=New Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; For(i=0; i<a.length; i++)
    If (a[i].indexOf("#")!=0){ d.MM_p[j]=New Image; d.MM_p[j++].src=a[i];}}
}
 
Function MM_findObj(n, d) { //v4.01
  var p,i,x;  If(!d) d=document; If((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  If(!(x=d[n])&&d.all) x=d.all[n]; For (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  For(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  If(!x && d.getElementById) x=d.getElementById(n); Return x;
}
 
Function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=New Array; For(i=0;i<(a.length-2);i+=3)
   If ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; If(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
 
Function MM_reswapImage() { //v3.0
  var i,j=0,x,a=MM_reswapImage.arguments; document.MM_sr=New Array; For(i=0;i<(a.length-2);i+=3)
   If ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; x.oSrc=x.src; x.src=a[i+2];}
}
 
MM_preloadImages('images/marquee_left_hover.png', 'images/marquee_right_hover.png', 'images/marquee_play_hover.png', 'images/marquee_pause_hover.png', 'images/marquee_New_hover.png', 'images/marquee_list_hover.png');
//-->
</script>

<table height="21" cellspacing="0" cellpadding="0" width="780" border="0"><tbody>
    <tr>
      <td width="662" height="21"  align="center" valign="bottom"><marquee align="bottom" scrollamount="3" scrolldelay="10" id="msgscroll"  onmouseover="Stop();" onmouseout="start();"
< <a href=" http://www.vetathepurplestage.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Purple Stage </span></font></a> >         
< <a href=" http://general-beautytips.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Beauty Tips </span></font></a> >         
< <a href=" http://encyclopedia-world.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Encyclopedia World </span></font></a> >         
< <a href=" http://entertainment-galaxies.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Entertainment Galaxy </span></font></a> >         
< <a href=" http://factsarena.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Facts Arena </span></font></a> >         
< <a href=" http://hot-informations.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Hot Information </span></font></a> >         
< <a href=" http://www.info-bee.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Info Bee </span></font></a> >         
< <a href=" http://www.infoupdates.co.cc " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Info Updates </span></font></a> >         
< <a href=" http://www.jokesjokes.co.cc " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Jokes Jokes </span></font></a> >         
< <a href=" http://joyjunction.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Joy Junction </span></font></a> >         
< <a href=" http://studentsmela.blogspot.com " target=_blank"><font style="font-size: 8pt" face="Verdana" color="#0000ff"><span style="text-decoration: none"> Students Mela </span></font></a> >         

 
  </marquee></td>
    </tr>
  </tbody></table><p></p>

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.