markeeラベルはページ内容のスクロール効果を実現します.
3689 ワード
ページの自動スクロール効果は、javascriptによって実現できます.
しかし、多くのスクロール効果を実現することができます.jsコントロールは必要ありません.
マーカーを使って文字だけでなく、写真や表なども移動できます.
文法:…説明:スクロールするコンテンツをマークの間に追加します.
重要な属性:
1.スクロール方向direction(4つの値:up、down、left、rightを含む)
文法:…
2.スクロール方式behavior(scroll:循環スクロール、デフォルト効果;slade:一回だけ転がすと停止;alternate:交互に転がります)
文法:…
3.スクロール速度scrollamount(スクロール速度はスクロール毎に移動する長さを設定し、ピクセル単位)
文法:…
4.スクロール遅延scrolldelay(スクロールの時間間隔を設定し、単位はミリ秒)
文法:…
5.スクロールサイクルloop(標準値は-1で、スクロールは絶えず循環します)
文法:…
6.スクロール範囲width、height
7.スクロールバックの色bgカラー
8.スペースhspace、vspace
コードの例:
転載先:https://www.cnblogs.com/kellybutterfly/p/5483435.html
しかし、多くのスクロール効果を実現することができます.jsコントロールは必要ありません.
マーカーを使って文字だけでなく、写真や表なども移動できます.
文法:…説明:スクロールするコンテンツをマークの間に追加します.
重要な属性:
1.スクロール方向direction(4つの値:up、down、left、rightを含む)
文法:…
2.スクロール方式behavior(scroll:循環スクロール、デフォルト効果;slade:一回だけ転がすと停止;alternate:交互に転がります)
文法:…
3.スクロール速度scrollamount(スクロール速度はスクロール毎に移動する長さを設定し、ピクセル単位)
文法:…
4.スクロール遅延scrolldelay(スクロールの時間間隔を設定し、単位はミリ秒)
文法:…
5.スクロールサイクルloop(標準値は-1で、スクロールは絶えず循環します)
文法:…
6.スクロール範囲width、height
7.スクロールバックの色bgカラー
8.スペースhspace、vspace
コードの例:
1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title> title>
6 head>
7
8 <body>
9 <marquee direction="up" behavior="alternate" scrollamount="30" bgcolor="#00FF66" scrolldelay="1" vspace="200" hspace="300"> 。marquee>
10 body>
11 html>転載先:https://www.cnblogs.com/kellybutterfly/p/5483435.html