Top
JavaScript集
スライド文字
タグの部屋
サイトメニュー
タグ作成機
タグ一覧
応用タグ集
色見本
色名
カラーピッカー
文字アニメ画像作成機
JavaScript集
文字・記号
便利タグツール
HPを宣伝する
タグ作品展
タグを練習する
スライド文字
⇒タグ作成機で作成
サンプル
スライド1回目の文字/スライド2回目の文字/サンプルです。
タグ
<div style="width:240px;overflow:hidden"><marquee loop="-1">文字1/文字2/文字3</marquee></div><script type="text/javascript"><!--スライド文字用 (function(){var S=2000,I=1000,O=500,D=750,H="innerHTML",l=document.getElementsByTagName("div"),e=l[l.length-1],h=e.firstChild[H].split("/"),f=0,s=0,p,t,v,w;setInterval(function(){t=+new Date;if(s==0){e[H]='<span style="position:relative;left:-999px"> </span>';e=e.firstChild}if(s==1){e[H]=h[f];s=2}if(s==2){v=(t-p)/I;w=e.parentNode.offsetWidth;e.style.left=w-w*Math.sin(Math.PI/2*(v>1?1:v))+"px";if(v<1)return}if(s==3&&t-p<S)return;if(s==4){v=(t-p)/O;e.style.left=-e.offsetWidth*v+"px";if(t-p<O+D)return;f=(f+1)%h.length;s=0}s++;p=t},16)})()//--></script>
使用方法
スライドさせる文字を「/」で区切って複数入力してください。
タグ中の「240px」の部分の数値を変えると、スライドの横幅を変更できます。
戻る