JavaScriptなしでティッカーを生成する

JavaScriptによるティッカーのデメリット

JavaScriptを使用して移動テキストを作成するのは比較的簡単ですが、大きな欠点が1つあります。

• たとえば、訪問者のそれぞれのブラウザでJavaScriptを無効にして、関数がまったく表示されないようにすることができます。
• これを回避するには、適切なHTMLタグ「marquee」（Eng。 公式には標準化されていませんが、最も一般的なブラウザでサポートされている「ティッカー」を使用してください。
• JavaScriptを使用しているか、マーキータグを使用しているかに関係なく、実行中のテキストは訪問者に迷惑をかけるものとして認識される可能性があることに注意する必要があります。 今日、ニュースティッカーを除いて、ティッカーが最新のWebサイトに含まれることはめったにありません。 明確な構造とカラーマッチングで特定の側面をよりよく指摘できるように したほうがいい。

HTMLコードでマーキーを使用する

HTMLタグ「marquee」は、ほとんどのタグと同様に単純な構造であるため、基本的には、ティッカーを生成するためにタグを記述するだけで済みます。

• それで十分でしょう あなたのメッセージ 希望の場所に書いてください。 その結果、「あなたのメッセージ」というテキストは、画像の右端から左に着実に移動します。
• この方向を変更したい場合は、属性「方向」のみが必要です。 方向）次に、英語の方向を入力します。 したがって、テキストを左から右に移動したい場合は、 あなたのメッセージ 進行方向は「右」でなければならないので、書いてください。
• ティッカーが常に前後に移動するように、つまり自動的に反対方向に切り替わるように、 画像の端に到達するとすぐに、属性「behavior」を値「alternate」とともに使用できます。 使用する。 たとえば、次のようになります。 あなたのメッセージ.
instagram viewer
• また、「scrollamount」と「scrolldelay」の2つの属性を使用して、テキストのスクロール速度に影響を与えるオプションもあります。 「scrollamount」属性は、各テキストが各ステップで移動する範囲、つまり、ジャンプするピクセル数を定義します。 「scrolldelay」属性は、個々のジャンプ間の時間、つまりそれぞれの遅延を決定します。 急速に進行するテキストは、たとえば、「あなたのメッセージ 生成されます。
• 最後に、ティッカー領域を設計することもできます。 たとえば、マーキーエリアの「高さ」を設定するオプションがあります。 背景色を設定するか、テキストのフォントの色を調整します。後者は追加の色に基づいています フォントタグが可能です。 黒の背景と白のフォントが必要な高さ50ピクセルの領域の場合、次のように記述する必要があります。 あなたのメッセージ.