説明 ◆文字◆
◆装飾文字・メニュー ◆実用文字・メニュー ◆タイプライター文字・メニュー
グラデーション文字やタイプライター文字など、文字関連のJavaScriptです。
いままでは『その他』コーナーに置いていたものを、2015/8/4に移動しました。
なお、ドキュメント宣言が<!DOCTYPE html>では動かないモノにはHTML5が付いてます。
◆◇◆ このページの背景は、「動く背景・背景作成メニュー」の「背景作成１７ブロック並べの背景Ｊ回転文字」です。◆◇◆
■タイプライターのように文字を打ち出す「タイプライター文字」のコーナー新設（2016/03/23）
■色や形が変化する「装飾文字」のコーナー新設（2017/06/07）
説明 ◆装飾文字・メニュー◆
主に装飾系の、文字関連のJavaScriptの紹介です。全件グローバル変数を削除済み：2017/06/07
| グラデーション文字 | カラーチャートの16進数の色名を使って、文字の色を変更。何行でも可。 |
| グラデーション文字+CSS | 上記にCSSで、text-shadowの指定をしました。カラフルなタイトル文字が作成できます。 |
| グラデ文字ランダム+CSS | 上記に更に、ランダム表示をプラスしました。右側と左側を両方ランダムにしたり、片側だけランダムにしたりできます。 |
| レインボー文字 複数 | 流動的に虹色に光る文字を、何ヶ所も入れることができます。前回掲載分とは違う、別のJavaScript。 |
| レインボー文字+CSS | 上記にCSSで、text-shadowの指定をしました。カラフルで流動的なタイトル文字が作成できます。 |
◆装飾文字・メニュー ◆実用文字・メニュー ◆タイプライター文字・メニュー
説明 ◆実用文字・メニュー◆
主に実用的な、文字関連のJavaScriptの紹介です。| フェードのティッカー | ■実用■ 複数のテキストとその背景色がフェードで切り替わります。 |
| フェードのティッカー２色 | ■実用■ 複数のテキストとその背景色がフェードで切り替わります。背景色は濃い色と薄い色のツートンカラーです。 |
| 下から上のティッカー | ■実用■ 複数のテキストが順番に、下から上へスクロール。リンク可で文字色も変更可。マウスオンで停止します。前回とは別のJavaScript。 |
| 右から左のティッカー | ■実用■ 上記を改造。複数のテキストが右から右へスクロール。 |
| 消したりドラッグできるメモ | ■実用■ メモ紙をドラッグで移動でき、邪魔なら消したり再出現させたりできる便利なJavaScript。2014/11/04に前回掲載分削除。前回分より移動がスムーズでソースも短いです。 |
| 文字拡大ズーム | ■実用■ 画面いっぱいにカラフルな文字が拡大します。原本をHTML5対応にし、クリアタイム状態等も少し改造。 |
| 回転するメニュー | ■実用■ 回転するメニュー。マウスオンで回転が停止します。原本をHTML5対応にして少し簡略化したので、原本サイトへのリンク付き。 |
| ポップアップ説明文 | ■実用■ リンクや画像をクリックすると、その説明文がポップアップで表示されます。おしゃれなtitleタグのような仕様です。２つのサイトのJavaScriptを合体して作成。 |
| ポップアップ説明文(画像) | ■実用■ 上記ポップアップに「ふきだし画像」を使用しました。 |
| 文字置換body記述部分 | ■実用■ bodyに直接記述した文章の中の、文字の置換です。何度も繰り返し出てくる長い言葉やタグを、簡単な文字に置き換えして、文章記述をラクにするJavaScript。div領域使用。 |
| 文字置換body記述全体 | ■実用■ 上記のbody全体使用バージョンです。「置換前文字」の指定に注意が必要です。 |
| 文字置換ルビ（振り仮名） | ■実用■ 文字の置換を利用して、漢字にルビを振ります。それとは別に、改行タグを「置換前文字」を記述せずに置換します。この改行方法は、div領域限定。 |
◆装飾文字・メニュー ◆実用文字・メニュー ◆タイプライター文字・メニュー
説明 ◆タイプライター文字・メニュー◆
タイプライターのように、文字を打ち出すJavaScriptの紹介です。全件グローバル変数を削除済み：2018/10/06
| タイプライター１行 | タイプライターのように、１行だけ打ち出されます。2014/10/27に少し修正して、最新CSSで装飾しています。 |
| タイプライター色違い複数行 | 複数行可能。2014/10/26に前回掲載分削除。１行ごとに色違いでタイプし、文字表示速度は速く、行の切替速度は少し遅め。2015/04/25：ループ選択追加と色違いの変更。2018/09/19：同色兼用 |
| タイプライター複数行×複数 | 上記に「改行」を追加。１回毎に複数行のタイプ文字が表示されます。 |
| タイプ文字タグ使用・休止有り | タイプライター文字にタグが使用できます。文字色や文字サイズ変更以外に、画像を入れることも可能。句読点、空白で小休止。2015/03/02：タイプ文字をbodyに直接記述できるよう改造。 |
| タイプ文字タグ使用・休止無し | 上記のタイプライター文字に、句読点、空白で小休止部分を削除。短い文章の連続の場合は、こちらの方が便利かも。2015/03/02：タイプ文字をbodyに直接記述できるよう改造。 |
| タイプ文字タグ使用・改行置換 | 上記のタイプライター文字に、改行タグを置換文字にして、ソースをさらに簡略化。2015/03/02：タイプ文字をbodyに直接記述できるよう改造。 |