ホームページ ウェブフロントエンド htmlチュートリアル マーキー要素は、スクロール フォント、画像のスライド、その他の効果を実装します_HTML/Xhtml_Web ページの制作

マーキー要素は、スクロール フォント、画像のスライド、その他の効果を実装します_HTML/Xhtml_Web ページの制作

May 16, 2016 pm 04:38 PM
marquee 滑り台

marquee 元素は、简单の文字体(図片等)の滑動等効果:

复制代銭
代次のように:

<style type="text/css">
#div01{
幅: 500px;
}
</style>
<script type="text/javascript">
</script>
<marquee behaviour="alertnate"><font size=30 color='red'>www.baidu.com111</font></marquee>
<marquee Direction=right bgcolor='#ff2233' Behavior="alertnate"><font size=30 color='blue'>www.baidu.com222</font></marquee>
<marquee id="m3" direct=down bgcolor='#dbdbdb' height=50px hspace=20px vspace=20px behaviour="alertnate"scrollLeft=left onmouseover="this.stop()" onmouseout="this .start()"><marquee id="m4" Direction=up bgcolor='#00dbdb' Behavior="alertnate"><font size=30 color='blue'>www.baidu444.com</font>< ;/マーキー>



<div id="div01"><marquee Direction=right bgcolor='#ff2233' Behavior="alertnate"scrollDelay=100><font size=30 color ='blue'>www.baidu.com555</font></marquee></div>
<input type="button" onclick="m3.stop();" value="m3.stop"></input>
<input type="button" onclick="m3.start();" value="m3.start"></input>
<button onclick="m4.stop();">m4.stop</button>
<button onclick="m4.start();">m4.start</button>

direction は移動の方向を示します。値は left、right、up、down、左と見なされます。
behavior は移動の方法を示します。値はスクロール(連続移動)、slide(スライド一回) )alternate(来回滚動)
loop は循環の次数を示し、値は整数、默は無限循環です
scrollmount は移動速度を示します、値は整数、默値は 6
scrolllay 停止時間を示します、値は整数、 0 として認識され、単位は 1 秒ごとに表示されます。
align 表示要素の垂直方向の対比。値は、上、中、下、中央とみなします。
bgcolor は、動作領域の背景色を示します。値は 16 で作成された RGB 色です。 、白色であると認識されています
高さ、幅は動作領域の高さと高さを示し、値は整数(単位は画素)または百分数です、幅=100%高さは内部素子の高さです
hspace、vspaceは素子までを示します
onmouseover=this.stop() onmouseout=this.start() は、マウスが領域上にあるときの停止時間と、マウスが移動するときの時間を示します。値は整数です。

以下は設定ポイント時 m3、m4 の動作または停止です:

代打コード
代码如下:

<input type="button" onclick="m3.stop();" value="m3.stop"></input>
<input type="button" onclick="m3.start();" value="m3.start"></input>
<button onclick="m4.stop();">m4.stop</button>
<button onclick="m4.start();">m4.start</button>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

携帯電話の画面が滑りにくく、乾燥しにくい場合はどうすればよいですか? 携帯電話の画面が滑りにくく、乾燥しにくい場合はどうすればよいですか? Dec 04, 2023 pm 03:51 PM

携帯電話の画面が滑りにくく、乾燥しにくい場合はどうすればよいですか?

JavaScript を使用して画像の上下スライド切り替え効果を実現し、フェードインおよびフェードアウト アニメーションを追加するにはどうすればよいですか? JavaScript を使用して画像の上下スライド切り替え効果を実現し、フェードインおよびフェードアウト アニメーションを追加するにはどうすればよいですか? Oct 20, 2023 am 11:19 AM

JavaScript を使用して画像の上下スライド切り替え効果を実現し、フェードインおよびフェードアウト アニメーションを追加するにはどうすればよいですか?

HTML、CSS、および jQuery: スライド パネル効果を実装するための技術ガイド HTML、CSS、および jQuery: スライド パネル効果を実装するための技術ガイド Oct 27, 2023 pm 04:39 PM

HTML、CSS、および jQuery: スライド パネル効果を実装するための技術ガイド

jQueryスライディングイベントの解釈:実装原則と注意事項 jQueryスライディングイベントの解釈:実装原則と注意事項 Feb 27, 2024 am 10:57 AM

jQueryスライディングイベントの解釈:実装原則と注意事項

マーキーパラメータとは何ですか? マーキーパラメータとは何ですか? Oct 18, 2023 am 10:10 AM

マーキーパラメータとは何ですか?

React でのスライディングの実装方法 React でのスライディングの実装方法 Dec 30, 2022 am 11:09 AM

React でのスライディングの実装方法

watchOS 10.2: スワイプでウォッチフェイスを変更する方法 watchOS 10.2: スワイプでウォッチフェイスを変更する方法 Dec 15, 2023 pm 11:15 PM

watchOS 10.2: スワイプでウォッチフェイスを変更する方法

CSS Flex エラスティック レイアウトを使用してスライディング カード レイアウトを実装する方法 CSS Flex エラスティック レイアウトを使用してスライディング カード レイアウトを実装する方法 Sep 28, 2023 pm 01:16 PM

CSS Flex エラスティック レイアウトを使用してスライディング カード レイアウトを実装する方法

See all articles