マーキー要素は、スクロール フォント、画像のスライド、その他の効果を実装します_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 までご連絡ください。

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
2週間前
By 尊渡假赌尊渡假赌尊渡假赌
レポ:チームメイトを復活させる方法
4週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
R.E.P.O.ファイルの保存場所:それはどこにあり、それを保護する方法は?
3週間前
By DDD

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

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

ホットトピック
Gmailメールのログイン入り口はどこですか?
7312
9


Java チュートリアル
1624
14


CakePHP チュートリアル
1347
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1207
29



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

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

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