自分のWebページに対する画像効果として、テキストをスクロールアップして
映画のスタッフロールのようにしたいと考えています。
javaスクリプトを使用することで、スクロールするとこまでは出来たのですが、その次に進めません。
テキストが段々と画面の奥へ消えて行く効果をつけたい(単純に上にスクロールするのではなく、奥行きを見せたい)のです。
スクロールアップするに従って段々と文字サイズを小さくすることで実現できるのではないかと思っているのですが、具体的な方法が分かりません。
同様の効果があれば、文字サイズの件にはこだわりませんので、良い案又は参考となる資料がありましたら、お教え下さい。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
回答がついていないようなので・・・
HTMLで指定することのできる文字の大きさは7段階しか
ありません。これを使って奥行きを出そうとすると
どうやっても一番はじめの大きな文字はsize=7にする
しか手はありませんよね。
それってとんでもなく見にくいものになってしまうような
気がします。どうしてもというのであれば、お金は
かかりますが、Flashを使った方がより効果的なものが
作成できると思いますよ。
#テキストだけではJavaScriptのスクロールがいい
#ところではないでしょうか?
ではでは☆
お礼が遅れてしまいました。回答ありがとうございます。
動画gifでも作成できることはできるのですが、
美しくない上に重くなってしまうんですよね。
やはりFlashなんでしょうか。。。
もう少し考えてみます。
No.2
- 回答日時:
IEだけなら一応表示されます。
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var i=100;
function dispwipeout(){
if (i>0){
ChangeSize.style.fontSize=i;
i=i-1;
setTimeout("dispwipeout()",20);
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="dispwipeout()">
<CENTER>
<div id=ChangeSize>('o')/</div>
</CENTER>
</BODY>
</HTML>
IE5.0で確認。でもクロスブラウザの原則に反してますよね・・(苦笑)
フェードイン・フェードアウトになさってはいかがでしょう?
お礼が遅くなってしまいました。回答ありがとうございます。
私も試してみましたが、やはりNNでは動作しないです。
スクロールしながら文字列の大きさを変更するのは、
難しいのかも知れませんね。
もう少し実験してみて、ダメだったら諦めます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Chrome(クローム) Chromeの描画領域を2分割して異なるスクロール位置を同時に表示させることはできますか 1 2023/03/01 16:53
- Android(アンドロイド) 最近Facebooの画面を下にスクロールすると画面が上にちょっと上がって、スクロールが終わった頃に降 1 2022/06/07 03:03
- その他(ゲーム) 横スクロールシューティングは完全2Dだけ? 2 2023/04/04 19:39
- Android(アンドロイド) スクロール 2 2023/01/05 10:26
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- iPad ipadでダウンロードした文をスクリーンに投影させること 2 2023/04/05 10:26
- Outlook(アウトルック) PCで登録途中の画面から認証コードを確認する方法を教えてください。 3 2022/09/29 06:11
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- ノートパソコン word2013で文字が打てなくなりました 質問です word2013を使っているのですが、突然文字 4 2023/01/08 18:46
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
PDFを(htmlのように)無限に縦...
-
ExcelVBAで他のアプリをスクロ...
-
グループボックス内のコンボボ...
-
Excelの質問で票の途中に...
-
vb,netでtextboxの文字を右から...
-
子要素のスクロールが親要素に...
-
jscrollpaneで1番上を表示する
-
2ファイルの同時スクロール
-
WordPressの使い方について
-
リストビューの水平スクロール...
-
location.hrefはブラウザごとに...
-
ワードでHP作成中ですが流れ...
-
文章の自動スクロール
-
スライド式ホームページの不具合
-
新着情報などをスクロールしな...
-
グランドピアノの中身を真上か...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで1.2行目だけ固定して...
-
Excelの質問で票の途中に...
-
Excelで一部分だけを常に表示さ...
-
大きい表へのスクロールバーの...
-
ページ訪問時にiframe内を自動...
-
Visual Basicから Spreadのスク...
-
vb,netでtextboxの文字を右から...
-
webページで横方向にアンカーを...
-
リストビューの表示開始行変更
-
スクロール位置を中央にしたい
-
マウスオーバー→ホイール回転で...
-
VBE画面の縦のスクロールバ...
-
IFRAMEでscrolling="yes|no"の...
-
マウスでコロコロしたいんですが…
-
文章の自動スクロール
-
アコーディオンで開かれたパネ...
おすすめ情報