■特徴 ※オリジナルテンプレート 3作目のタイトル部分にトランジション効果
※trans_title プレビュー
※タイトル部分の文字色と背景色変更方法(スクリプト部分)
<SCRIPT language=JavaScript>
<!--
function blog298() {
var str_color = (maintitle.style.color == "文字色 1") ? "文字色
2" : "文字色 1"
var back_color = (maintitle.style.backgroundColor == "背景色 1")
? "背景色 2" : "背景色 1"
var str_trans = maintitle.filters.revealTrans.transition + 1
if(str_trans == 23) {
str_trans = 0
}
maintitle.filters.revealTrans.transition = str_trans
maintitle.filters.revealTrans.apply()
maintitle.style.color = str_color
maintitle.style.backgroundColor = back_color
maintitle.innerText = "ブログのタイトルを記入して下さい"
maintitle.filters.revealTrans.play()
setTimeout("blog298()",1500)
}
//-->
</SCRIPT>
/* ---ヘッダー--- */
#maintitle {
font-size: 25px; filter: revealTrans(transition=0,duration=0.5); width:
100%; COLOR: 文字色 1; font-family: Times New Roman; background-color:
背景色 1; text-align: center;margin: 0 0 0 0; padding: 10px 0px 5px 0px;
cursor: hand;
}
transition=0 の数値を変更すればトランジション効果も変化します(最大数値23まで)
● 無料ブログ比較・評価&サンプルblog※おすすめレンタル無料BLOG(FC2ブログ)
この記事にトラックバックする(FC2ブログユーザー)