左右移動時のテキスト変換効果の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 における冗長インデックスと重複インデックスの違い

推薦する

Linux で JDK をインストールして環境変数を設定する方法 (この記事で十分です)

目次1. Linuxのビット数を確認する2. JDKをダウンロードする3. JDKをインストールする...

HTML における画像タグの使用方法の詳細な説明

HTML では、<img> タグはテキスト内の画像タグを定義するために使用されます。その...

Linux の wget コマンドの詳細な紹介

目次まずwgetをインストールするヘルプマニュアルを見る1. wgetを使用して単一のファイルをダウ...

体験したい17 404ページ

404 を避けるべきだとどうして言えるのでしょうか? その理由は、ほとんどの 404 ページが粗雑す...

CSS3 でシンプルな白い雲が浮かぶ背景効果を実現

これは非常にシンプルな純粋な CSS3 の白い雲の浮遊する背景効果です。浮かぶ白い雲の特殊効果は、C...

抽選効果を実現するJavaScript

この記事では、宝くじマシンの効果を実現するためのJavaScriptの具体的なコードを参考までに共有...

タグのターゲットリンクを iframe に向ける方法

コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...

初心者向けウェブサイト構築チュートリアル: 10 日間でウェブサイトの構築方法を学ぶ

10 日間のチュートリアルでは、最も理解しやすい言語を使用し、最も基本的なことから始めて、誰もが W...

格納可能なセカンダリメニューを実装するための JavaScript

JavaScriptで格納可能なセカンダリメニューを実装するための具体的なコードは参考までに。具体...

JavaScript BOM の説明

目次1. BOMの紹介1. JavaScriptは3つの部分から構成される2.ウィンドウオブジェクト...

WeChatミニプログラムでEchartとサブパッケージを使用するための完全な手順

序文休日は終わっていますが、それは別の形で(お腹に触れることで)私たちに現れます。ミニプログラムでデ...

Mysql トランザクションで Update を実行するとテーブルがロックされますか?

2つのケース: 1. 索引あり 2. 索引なし前提条件:方法: コマンドラインを使用してシミュレー...

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorException の解決方法

bitronix を使用して MySQL に接続するときの MySQLSyntaxErrorExce...

Webフロントエンドの一般的な操作(JS/HTML/CSSなどの知識を含む)

ul liの前のアイコン1をキャンセルしますクリア値1値を1に設定ラベル中央値1をクリアラベルの中央...

Tomcat が非同期サーブレットを実装する方法の詳細な説明

序文これまでの Tomcat シリーズの記事を通じて、私のブログを読んでいる学生は Tomcat に...