解決済
文字を点滅させるには？
ブログに投稿する際、投稿記事の文字を点滅させるにはどうすれば良いのか解りません。皆さんお教え下さい。
どうぞ宜しくお願い致します。
回答(1)
1.
参考↓
使えないようでしたら、代わりに別の効果のタグを使われてはいかがでしょう。
本当に有難うございました。
コメント(17)
「管理ページトップ」から、「カスタマイズ・管理デザインの設定」をクリック。左側に、「デザインの設定」があり、そこをクリック。右下側の「カスタマイズ」をクリックします。
中央付近の、「個別記事ページ」をクリック。下記をコピー。
<script type="text/javascript">
<!--
function blink() {
if (!document.all) { return; }
for (i = 0; i < document.all.length; i++) {
obj = document.all(i);
if (obj.className == "blink") {
if (obj.style.visibility == "visible") {
obj.style.visibility = "hidden";
} else {
obj.style.visibility = "visible";
}
}
}
setTimeout("blink()", 800);
}// -->
</script>
これを、中の<head>から</head>の間に貼り付けてください。
<body>を
<body onload="blink()">に変更します。
一番下の「この内容で保存する」をクリック。
実はブログいじって<span class="blink">確かめました</span>結果はどうでしょう？
これを入力すれば、「確かめました」だけが点滅するはずです。
一応、騙されたと思って「この内容で投稿する」を押されてください。「投稿内容を確認する」では点滅しませんので。。投稿して初めて点滅するはずです。
ＪＰＳさん。
見ておられる事がございましたら、コメント欄での記入をお願い致します。
解決されれば、解決されたとの報告をお聞きしたいですし、解決されなければその事もお聞きしなければ分かりませんので。分からない時は分からない場所についても出来ましたら教えてくだされば幸いです。よろしくお願い致します。
コトコトさん、まだ質問されて7時間も経っていません（^^;
ゆうべのことですから、お休みになってからまだ見ておられないのでしょう、あせらないで。
あと、ナレッジは基本的に回答がつかなければ質問を閉じられません。
貴女の回答で疑問が解けたとしても、コメント欄に書かれていなければ閉じられないのです。
ぴったりのお答えだったとしても、質問者が困ることになってしまいます。
再度お願いいたしますが、回答はコメント欄ではなく解答欄にお願いいたします。
そういうわけで、敢えて今回解答欄に書かせていただきました。
もっと相応しい回答があるかも知れませんので、お待ちいただけますか？
てんぷら☆さんらいずさん。
はい。申し訳ございません。早く解決したいのと、反応が無いと不安になってしまう様です。ご迷惑をおかけし、質問者様にも、てんぷら☆さんらいずさんにもお心を騒がせ致しました事を深くお詫び申し上げます。以後は改善していければと思います。
そうですね。確かに困りますよね。ただ、それは私のコメントで解決出来ればの話ではないでしょうか。私は解決出来なくても何かのお役にたてればと思いコメントをさせて頂きました。私としましては正確にはお答え出来ていないと感じましたので、今回はコメント欄とさせて頂いております。ですので回答ではなく、上記のコメントは私的な参考資料の提示と思って頂けましたら幸いです。
>>#8
コメントしてくださりありがとうございます。
もっと簡単に出来る方法は無いでしょうか？との事ですが、Netscape、Mozilla Firefox等の場合は、てんぷら☆さんらいずさんの回答がとてもいいのではないかと思います。
私の場合はそれでは点滅しない時のカスタマイズ方法です。ですので、簡単に出来る方法を提示し、ご回答をお寄せくださった、てんぷら☆さんらいずさんにベスト回答にして頂ければと私個人としては思います。
とり込み中のところ、横から失礼いたします。
てんぷら☆さんらいずさんもおっしゃるように、<blink>タグやCSSのtext-decoration:blink;は残念ながらIE未対応ですので、現状ではやはりJavaScriptを使うしか方法がないようです。
逆にコトコトさんが書かれた>>#1のスクリプトはIEのみ対応となっていますので(document.allはIE独自採用）、どうせJSを使うならgetElementsByTagNameを使って全てのブラウザに対応させた方が良いかと思いました。
デザインを変更してもカスタムを残したいなら、サイドバーのフリーエリアにJavaScriptを記述するのが良いかと思います。
その際onloadイベントは使わず、スクリプトの最後
// -->の上の行に
blink();と入れてください。
…以上、横から失礼いたしました。
このコメントが不要でしたらスルーしてください。
#1のスクリプト現代版
<script type="text/javascript">
<!--
function cc_isClassName(cc_tagobj,cc_classname){
if(cc_tagobj.getAttribute("className")==cc_classname||cc_tagobj.getAttribute("class")==cc_classname)return true;
return false;
}
function cc_blink(){
if(cc_timer_id)clearTimeout(cc_timer_id);
cc_obs=document.getElementsByTagName("span");
for(cc_i=0;cc_i<cc_obs.length;cc_i++){
cc_ob=cc_obs[cc_i];
if(cc_isClassName(cc_ob,"blink")){
cc_ob.style.visibility=(cc_ob.style.visibility=="visible")?"hidden":"visible";
}
}
cc_timer_id=setTimeout("cc_blink()", 800);
}
cc_blink();
//-->
</script>
使い方は#3と同じです。サイドバーに設置すれば、記事より後ろにあるので動くような気がしますが、試してません。記事の方が後ろにあれば#2しかないです。>>#15
動作チェックをしてみました。
cc_timer_idをグローバル宣言したら動きました。
<!--の下に
var cc_timer_id;を追加。
たまにサイドバーが記事の前にあるテンプレートがあることを忘れていました。でもオニキスさん作の方なら毎回getElementsByTagNameが入るので、記事の前でも動くかもしれません。
ミルフィーユ＠回答は譲り主にコメント専門 さん
てんぷら☆さんらいず さん
img さん
★オニキス☆ さん
皆さん本当に有難うございましたm(__)m
皆さんのお陰で解決致しました。
ブログ初心者の私ですが、また質問させて頂く事もあると思いますので、その際はまた、お力をお貸し頂ければ幸いに存じます。
本当に有難うございました。
解決されたとの事で嬉しく思います。ありがとうございました。
>>#16
ありがとうございます＾＾
チェックせず適当に書いてるのがバレバレですねｗ該当箇所は#1でも十分なのだと思いますが、clearTimeoutしないとどうも気に入らなくて、変えちゃったら裏目に出ました＞＜
