TOP /すぐに使えるJavaScript | 波打つ文字 |
---|
HIMAJIN JAVASCRIPT
HIMAJIN JAVASCRIPT GAME
classを複数指定するときはwaveをはじめに指定します。<script type="text/javascript"><!-- set_tag="span" //適応タグ名 set_class="wave" //適応クラス名 max_size=30; min_size=15; //------------------------------------------- var wave_obj; function getclass(cl,ta){ var class_obj=new Array(); var ccount=0; tag_obj=document.getElementsByTagName(ta); for(i=0;i<tag_obj.length;i++){ var clas=tag_obj[i].className; if(clas.indexOf(" ") != -1)clas=clas.split(" ")[0]; if(clas==cl){ class_obj[ccount]=tag_obj[i]; ccount++; } } return class_obj; } function wave_text(){ wave_obj=getclass(set_class,set_tag); for(i=0;i<wave_obj.length;i++) wave_obj[i].wavetext=wave_obj[i].innerHTML; setInterval("wave_set()", 120) } var fsize=max_size,sflag=0; function wave_set(){ for(i=0;i<wave_obj.length;i++){ var fflag=sflag,fontsize=fsize,txt=wave_obj[i].wavetext,wt=""; for(j=0;j<txt.length;j++){ wt+="<span style='font-size:"+fontsize+"pt;'>"+txt.charAt(j)+"</span>"; fontsize=(fflag)?fontsize+2:fontsize-2; if(fontsize<min_size)fflag=1;else if(fontsize>max_size)fflag=0; } wave_obj[i].innerHTML=wt; } fsize=(sflag)?fsize+2:fsize-2; if(fsize<min_size)sflag=1;else if(fsize>max_size)sflag=0; } onload=wave_text;/*himajin.moo.jp*/ // --></script> <span class="wave">HIMAJIN JAVASCRIPT</span><br> <span class="wave c">HIMAJIN JAVASCRIPT GAME</span>