お蔵入り
ブログタイトルを右から左へスクロールしたいのですが・・・
タイトル文字をスクロールさせる方法をお教え願います。他に文字を点滅させる方法などもありますか?
できれば、このような操作方法が記載されておられるリンクがあれば大変うれしいです。
(タイトル、競馬・・・という文字を点滅・スクロールしたいです)
2008-06-22 01:15の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
Ads By Google
回答(2)
1.
2008-06-22 03:38:57
<marquee></marquee>で囲むとスクロールさせることができます。
http://www.htmq.com/html/marquee.shtml
ただし、非標準タグなので、一部のブラウザしか動作させることはできません。
IE,Firefoxでは、動作します。
<blink></blink>で囲むと、点滅させることができます。
http://www.htmq.com/html/blink.shtml
こちらも、非標準タグです。
Firefox では動作しますが、IEでは動作しません。
テンプレートで
<h1><marquee><a href="リンクアドレス"><blink>タイトル</blink></a></marquee></h1>
のようなパターンになるように、現行のHTMLにmarqueeとblinkを挿入します。
回答レベル : アドバイス
2.
2008-06-22 12:38:08
http://www.openspc2.org/
http://www.openspc2.org/reibun/JavaScript_techniqu...
上記のOpenSpaceで紹介されている「リアルタイムに時刻を表示する」の、
「time : function()」の中を改造すれば、
点滅もスクロールもやりたい放題。
即興で動くやつ作ってみた↓
str=document.getElementById("currentTime").innerHTML; len=str.length;
str+=str; str=str.substring(1,len+1);
document.getElementById("currentTime").innerHTML=str;
ですが。
marqueeやblinkなどのチカチカするテキストを
嫌う人も結構多いことをお忘れなく。
Flashムービーなどの画像がうるさく動く!集中して文字を読めない!
http://www.s-twin.com/troubles/gazou.htm
http://www.openspc2.org/reibun/JavaScript_techniqu...
上記のOpenSpaceで紹介されている「リアルタイムに時刻を表示する」の、
「time : function()」の中を改造すれば、
点滅もスクロールもやりたい放題。
即興で動くやつ作ってみた↓
str=document.getElementById("currentTime").innerHTML; len=str.length;
str+=str; str=str.substring(1,len+1);
document.getElementById("currentTime").innerHTML=str;
ですが。
marqueeやblinkなどのチカチカするテキストを
嫌う人も結構多いことをお忘れなく。
Flashムービーなどの画像がうるさく動く!集中して文字を読めない!
http://www.s-twin.com/troubles/gazou.htm
Ads By Google
コメント(2)
#1. もりさん
2008-06-22 09:45:05
ありがとうございます。
申し訳ないですが、どこの部分をカスタマイズすればいいのですか?
#2. BLUEPIXY
2008-06-22 14:13:42
#1>どこの部分
回答1については、
デザインのカスタマイズで、「スタイルシート(CSS)」以外のすべてのタイトル部分
<h1 class="blogtitle">で始まり</h1>までの部分です。
標準的なデザインなら
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>のようになっているはずですが、
それを
<h1 class="blogtitle"><marquee><a href="<$BlogUrl$>" accesskey="1"><blink><$BlogTitle ESCAPE$></blink></a></marquee></h1>のように修正します。
変更保存後はそれぞれ再構築して下さい。

