左右移動時のテキスト変換効果のHTMLコード分析

左右移動時のテキスト変換効果のHTMLコード分析
<div align="center">
<table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt" bordercolor="#FF9900">
<td background="画像URL.gif">
<p>
<font color="#FFFF00" face="新詳細明体" size="2">
<marquee scrollamount='2' scrolldelay='150' direction= 'up' width='105' id=xiaoqing height='120' onmouseover=xiaoqing.stop()
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">テキストマーキー掲示板<br>ここにテキストコンテンツを入力してください<br></marquee>
</font></td></table>

div align="center">→テキスト掲示板を中央揃えにする
center = 中央、left = 左、right = 右

<table style="color:white; font-size:10pt" border="1" style="color:white; font-size:10pt"

色:白 → 掲示板の背景は白

bordercolor="#FF9900">→枠色(オレンジ)


<td background="画像URL.gif">→オプション

<p>
<font color="#FFFF00" → 掲示板内容の文字色(青)

face="新詳細明体" size="2">→テキストフォントサイズ

<marquee scrollamount='2' scrolldelay='150' → 速度の値が大きいほど、マーキーの実行速度が遅くなります

方向 = '上' → テキストスクロールライトが上に移動します

マーキームーブメント:





左と右 = 交互

width='105' id=xiaoqing height='120' →マーキー掲示板の幅と高さ

onmouseover=xiaoqing.stop()
onmouseout=xiaoqing.start() style="color: #0000FF; font-size: 10pt; font-weight: bold; font-family:新细明体">テキストマーキー掲示板<br>ここにテキストコンテンツを入力してください<br></marquee>
</font></td></table>

<br>行スキップ構文

<<:  Dockerがコンテナサービスを停止または削除できない問題の解決策

>>:  MySQL における冗長インデックスと重複インデックスの違い

推薦する

燃える炎効果の英語フォント16種類をシェアする

私たちは視覚の世界に住んでおり、多くの視覚効果に囲まれています。コンピューターの前にいても、屋外にい...

WeChatアプレットが連携メニューを実現

最近はコース設計を実現するために、フロントエンドも少しやっています。今日はいくつかの機能を実現するた...

Vueはショッピングカート決済機能をシミュレートします

この記事では、ショッピングカート決済機能を実現するためのVueの具体的なコードを例として紹介します。...

WIN10 システムと Docker 内部コンテナ IP 間の通信方法

1. Windows 版の Docker をインストールしたら、Docker クイックスタート ター...

CSS 背景と境界タグの例の詳細な説明

1. CSS背景タグ1.背景色を設定するbackground-ground-color プロパティは...

React イベントバインディングの詳細

目次クラスコンポーネントイベントバインディング関数コンポーネントイベントバインディング要約するRea...

MySQL サーバー IO 100% 分析および最適化ソリューション

序文ストレス テスト中に、リソース使用のボトルネックによって発生する最も直接的なパフォーマンスの問題...

あるテーブルのデータの列を別のテーブルの列にコピーするMySQLメソッド

mysql 1 つのテーブル列を別のテーブルにコピーする場合によっては、フィールドから別の新しいフィ...

JavaScript オブジェクトの 3 つのプロパティ

目次1. 書き込み可能: 書き込み可能2. 列挙可能: 列挙可能3. 設定可能: 設定可能オブジェク...

WeChatミニプログラムが星評価を実装

この記事では、WeChatアプレットで星評価を実装するための具体的なコードを参考までに紹介します。具...

JavaScript でプロトタイプ パターンを実装する方法

概要プロトタイプ パターンは、プロトタイプ インスタンスによって作成されるオブジェクトの型を指し、こ...

CSS BEM 記述標準の詳細な説明

BEM は、Web 開発に対するコンポーネントベースのアプローチです。ユーザー インターフェイスを独...

Vue の NetEase Cloud Music Player インターフェースを模倣したシンプルな実装プロセス

仕事のプロジェクトのニーズにより、曲の再生が必要となり、さまざまな資料を参考にして、NetEase ...

vue3 学習ノートにおける axios の使用の変更の概要

目次1. axioの基本的な使い方2. クロスドメインの問題を解決するには? 3. パッケージ4. ...