自分のWebページに対する画像効果として、テキストをスクロールアップして
映画のスタッフロールのようにしたいと考えています。
 javaスクリプトを使用することで、スクロールするとこまでは出来たのですが、その次に進めません。
テキストが段々と画面の奥へ消えて行く効果をつけたい(単純に上にスクロールするのではなく、奥行きを見せたい)のです。
スクロールアップするに従って段々と文字サイズを小さくすることで実現できるのではないかと思っているのですが、具体的な方法が分かりません。
同様の効果があれば、文字サイズの件にはこだわりませんので、良い案又は参考となる資料がありましたら、お教え下さい。

このQ&Aに関連する最新のQ&A

A 回答 (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で確認。でもクロスブラウザの原則に反してますよね・・(苦笑)
フェードイン・フェードアウトになさってはいかがでしょう?
    • good
    • 0
この回答へのお礼

お礼が遅くなってしまいました。回答ありがとうございます。
私も試してみましたが、やはりNNでは動作しないです。
スクロールしながら文字列の大きさを変更するのは、
難しいのかも知れませんね。
もう少し実験してみて、ダメだったら諦めます。
ありがとうございました。

お礼日時:2001/05/31 14:13

回答がついていないようなので・・・



HTMLで指定することのできる文字の大きさは7段階しか
ありません。これを使って奥行きを出そうとすると
どうやっても一番はじめの大きな文字はsize=7にする
しか手はありませんよね。

それってとんでもなく見にくいものになってしまうような
気がします。どうしてもというのであれば、お金は
かかりますが、Flashを使った方がより効果的なものが
作成できると思いますよ。
#テキストだけではJavaScriptのスクロールがいい
#ところではないでしょうか?

ではでは☆
    • good
    • 0
この回答へのお礼

お礼が遅れてしまいました。回答ありがとうございます。
動画gifでも作成できることはできるのですが、
美しくない上に重くなってしまうんですよね。
やはりFlashなんでしょうか。。。
もう少し考えてみます。

お礼日時:2001/05/31 14:02

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qムトウの旧型プロッタをwinMEで使用したいのですが・・・

最近ムトウのiP-550を手に入れました。
ムトウの純正ドライバはwin3.1/win95版までしかなく、やはりwinMEでは全く反応しないようです。
何かよい案はないでしょうか?
よろしくお願いいたします。

Aベストアンサー

HP7585Aのドライバが使えるかも知れません(下のURL参照)。98だとOSについてるようですが、Meのものはなかなかみつかりません。
可能性はさらに低いですが、HPGLドライバを試してみる手もあります。

参考URL:http://www.mutoh.com/tkpl_rs2.htm

Qtargetは使えない・・・xhtmlで同様の効果は??

現在xhtmlでtarget属性を使用して別窓で開かせようと思っているのですが、非推奨というか廃止タグのようなのです。

同様の効果を得る為に、何か良い方法は無いものでしょうか??

宜しくお願いいたします。

Aベストアンサー

諦めるのが良いでしょう。

JavaScript で類似の処理も可能ですが、それを無効にする設定も容易で・・・。
物によってはその様な処理限定で無効にする事も可能な環境もあり、その場合は無効にされた回避策など指定のしようもなくて・・・。

それこそ、別窓で開くつもりがなんの反応もないという結果になりますが・・・。
それでも良ければ JavaScript で open すれば・・・。


それから何故に xhtml を用いるの?
その言語の意図を理解して使用ですよね?
別窓を開くかどうかは閲覧者の意図で判断という・・・。
で、それに反するなら、互換となっている
HTML 4.01 Transitional
でも用いれば良いと思いますが。
こちらは廃止ではありませんし・・・。
(もっと前のにすれば非推奨ですらなくなりますが・・・。)


考え方の問題もありますが、閲覧される側の環境を意識すると、やはり諦めるのがお勧めです。
仕掛けが無反応で嫌われるよりは良いでしょう。

Qムトウの服について

ムトウの通販カタログ(ラプティ)を見ています。注文したことはまだ無いのですが、どれもそこいらのブランド顔負けのお値段ですよね。私からしたら、ノーブランドにしては高いんじゃないの?と思い、気に入ったものはあるのですが購入をためらっています。ここで質問なのですが、ムトウのラプティなどに載っている洋服って、お店で売っている洋服で言うとどのくらいのレベルのブランドに相当するのでしょうか?INGNIやOZOCよりは上(質が良い)なのでしょうか?実際購入したことがないので教えていただけたらと思います。

Aベストアンサー

通販業界での商品企画はお店より
完全に1年遅れで進みます。

載っている商品は去年、イングやオゾックで
売れたものを参考(パクリ、コピー)にして作られます。

つまり、商品としては型遅れであり、最新ではありません。

次に、商品自体の品質ですが
縫製はまあまあです。
生地は写真栄えこそしますが、安物です。
シルエットは、標準~ちょっとデブさん用に作って
あるので、スタイルの良い方が着るとみっともない
シルエットです。

つまり、質で言うならば、イング、オゾックとは
比較になりません。

Qスクロールするテキストエリア

こんにちわ。
http://www.ikea.jp/design/design.php

上記のページにあるテキストがスクロールする黄色い部分があるのですが、これを作りたいのです。
オンマウスで動くようにしたいです。
上記、PHPですが、HTMLでの方法は無いでしょうか?

よろしくお願いいたします。

Aベストアンサー

アドレスの PHP は表示するまでの事・・・。
その上で表示後の動作はソースを診て確認しないと何で動いているかは判断できません。

とりあえず、ジャバスクリプトでイベント,更新し、
表示はスタイルシートを用いています。
スタイルシートの位置指定の機能と
重複要素の表示に関してか上位要素の範囲に収まらない下位要素の表示の扱いあたりの機能を用いているのではないかと推測できます。

極端な話、そこのスタイルシートとジャバスクリプトの外部ファイルをパクッて、
HTMLでタグ,ID,CLASSと関数呼び出しを適切に行えば・・・。

尚、そこのジャバスクリプトを読み取るには
結構な知識が必要ですのでがんばってくださぃ。
(正直、自分でソースを診ないでここで質問している時点で、
まず難しすぎて無理な機能だと思います。
本当に難しすぎて、こちらも調べるのが面倒すぎて・・・。
いつかはマネようかなぁ~と思う程度に難しいです。)

Qムトウの服をブランドでいうと。。?

通販のムトウのラプティ系の服が好みなのですがブランドでいうとなにが近いでしょう?as know asのようなRolys’farm(スペル違いますね)のような。Vert
Danceもラプティに載ってるのですがもうすこしかわいいやつが。。もし知っていたら教えてください。

Aベストアンサー

かわいい感じならi.n.eとかペイトンプレイスとかどうでしょう?
あとO.Z.O.Cは安いので大好きです。

QWEB上で編集できない、スクロールがあるテキストボックスの作り方を教え

WEB上で編集できない、スクロールがあるテキストボックスの作り方を教えてください。

HTMLで、「スクロールバーがあるボックスの中に文章をいれる」 やり方を
調べているのですが よくわかりません。
<textarea>~</textarea> で 中に文章をいれてつくってみたのですが
WEB上にアップしたあと、その文章は 別の人でも編集できるようです。

私が作りたいのは、よくHPなどの更新情報や使用承諾書などで 使われているような
スクロールボックスの中に文章は 表示されている だけのものです。

いろいろ調べたのですが、よくわからず困ってます。
仕事の締め切りもしまっており、これ以上 調べるつずけるのも苦しく断念しました。

すいませんが 教えていただけないでしょうか?

Aベストアンサー

>WEB上にアップしたあと、その文章は 別の人でも編集できるようです。

それは見かけ上、書き換えられるように見えているだけで、
実際のソースは変化しません。
#1さんがおっしゃるようにreadonlyにするか、

<div style="height:200px; overflow:auto; ">
<p>文章</p>
<p>文章</p>
<p>文章</p>
<p>文章</p>
</div>

のように、
・ブロック要素に
・heightを指定して、
・overflowにautoかscrollを指定します。

divの内容がheightを超えると自動的にブラウザがスクロールバーを出して
高さを一定に保ってくれます。
http://www.tagindex.com/stylesheet/box/overflow.html

Q左右スクロールの作り方

ホームページビルダー8でホームページを作成しています
1ページ(1画面)分より内容が多くなると上下スクロール、左右スクロールが作られます、しかし上下スクロールは作られるのですが、左右スクロールが出来たり、出来なかったりします、左右スクロールが出来ない場合は画面が狭くなり構成が崩れてしまいます。確実に左右スクロールを作る方法を教えて下さい。
OS:98SE、XP
よろしくお願い致します。

Aベストアンサー

テーブルタグを使って、横幅を指定すれば出来ますよ。
でも、縦スクロールは仕方ないにしても、横スクロールは嫌いな方が多いので、HPの効果としてはどうでしょう(^-^;)

Qテキストだけをスクロールバーで

超初心者で
旅行記の様なHPを作ろうと思ったのですが
変なところで苦労しています

旅行の写真画像はそのままで
文章のテキストだけスクロールさせたいんですが
今の段階のテキストボックスとかだと
テキストの中にあるポップアップやリンク等の
仕掛けが効いてくれないんです
どうやったら仕掛けが効くようになるでしょうか?

今の所、テーブルで区切って
<div style="width: 180; height: 190; overflow: scroll;border:0pt" align="left"> 言葉</div>
とかにして作っているんですが、

これだとネスケで表示が無理みたいなんです(涙)
欲をいえばカッコいいものができれば嬉しいですが、、、

ちなみに制作環境は
mac os9 ドリームウェイバーで
ややこしいタグは借り物をソースでコピペしたりしています(^^;

初質問です。言葉足らずでしょうか?もし足りなかったら補足しますので
言って下さい。お返事戴けたらとっても嬉しいです。

Aベストアンサー

ページ内に自動的に広告がひっつくほとんどの無料サービスでは、
任意のページの広告を出ないようにすることができます。
理由はもちろん、フレームを使ったサイトで広告だらけになるのを
回避するためです。

どこの無料サービスを使用されているかはわかりませんので、
ハッキリとした回答はできないのですが、一度ご確認されてみては
いかがでしょう。

あと、インラインフレーム(普通のフレームではないです)は
Netscape 4.x では対応していませんが、Netscape 6.x ては
対応しています。ほとんどの方は 4.x から 6.x に乗り換えているようですから、
(何せ、Netscape 4.x でまともに表示できるページが少なくなってきています)
Netscape 4.x は視野からはずしてしまってもいいかもしれません。
IFRAME に対応していなくても、表示ができないわけではありませんしね。

QMacのスクロール幅について

Macのスクロール幅について
文章など書いていて、大量になってくると、
スクロールの棒が小さく表示されます。
そして、Macを2本指でしたにスクロールすると、
画面が少しのスクロールで、2,3個移動してしまうので、
不便を感じています。

2本指でしたにスクロールした時に、スクロール幅を小さくしたいです。
マウスパッド1回のスクロールで、画面1個くらいの移動にしたいのです。

設定方法ご存知か方がおられましたら教えてください。

よろしくお願い致します。

Aベストアンサー

こんにちは。
1 , システム環境設定→トラックパッド。
2 , トラックパッド画面 2本指の操作カテゴリー→
「スクロール」にチェック と 右の小窓「慣性なし」にチェック を入れて試してみてください。(画像参照)

慣性の法則が無くなって、スクロールした分しか動かなくなるはずです。

>2本指でしたにスクロールした時に、スクロール幅を小さくしたいです。
うーん…。
2本指で小刻みにスクロールするしかないかも知れませんね。

Q画像(jpg、GIF)に重ねて、テキストをスクロールさせる方法

はじめまして。
基本的なプログラムの知識も薄いまま、とても高度なことを行おうとしています。
お助けください。
できれば、サンプルプログラムのソースコード(ドラッグ&ドロップでそのまま使えるもの)があるとたすかるのですが…。
よろしくお願いいたします。

Aベストアンサー

「対象ブラウザ」をどこまでサポートするか、でかわります。

もし、対象ブラウザをIEにしぼって良い(現在一般の個人のWEBページへのアクセスに使用されるブラウザはIEが90%のシェアを越えているといわれています。)

のであれば、
<table border=0 cellpadding=0 cellspacing=0 width=300 height=50 background=abc.gif>
<tr><td>
<marquee width=300>
うにょ♪ デジ子は今日も元気だにょ♪
</marquee></td></tr>
</table>

abc.gif が画像ファイル。 画像ファイルにあわせて、うまくテーブルの大きさを調整してください。


人気Q&Aランキング

おすすめ情報