Pengenalan kepada contoh penggunaan teg marquee html_HTML/Xhtml_Pengeluaran halaman web-html tutorial-php.cn

Teg ini bukan sebahagian daripada HTML3.2 dan hanya menyokong MSIE3 dan kernel yang lebih baru, jadi jika anda menggunakan penyemak imbas bukan IE (seperti Netscape), anda mungkin tidak dapat melihat beberapa kesan menarik berikut
Teg ini ialah teg bekas

Kod menatal pengumuman Marquee

Kod menatal pengumuman tapak web yang paling mudah, berdasarkan tanglung pusingan Marquee, menatal secara menegak ke atas, dalam bentuk Jadual, boleh digunakan walaupun anda tidak menggunakannya tahu CSS.

<html>
<kepala>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<tajuk>Pengumuman menatal kod JS</title>
</head>
<badan>
<div align="center">
<table border="1" width="206" cellspacing="0" cellpadding="0" style="border-collapse: collapse" height="90" id="table1">
<tr>
<td valign="top"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=100 direction=up height="99%">
 <JADUAL cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
     <TBODY>
      <TR>
        <TD vAlign=tinggi atas=120>
           <P style="LINE-HEIGHT: 150%;font-size:9pt"><FONT color=#000033>·<A href="#" >Selamat datang! </A></FONT>
<Warna FONT=#000033>·<A
href="#">Lagi kod skrip daripada Script House...</A></FONT>
<Warna FONT=#000033>·<A
href="#">Tapak web kod sumber pembelajaran... </A></FONT>
<FONT color=#000033>·<A href="#">Jika anda mempunyai sebarang cadangan, sila serahkan kepada kami... </A></FONT>
<Warna FONT=#000033>·<A href="#">Terima kasih banyak atas kunjungan anda yang kerap</A></FONT>
<Warna FONT=#000033>·<A href="#">Terima kasih sekali lagi dan selamat tinggal</A></FONT>
</TD></TR></TBODY></TABLE></MARQUEE></td>
  </tr>
 </table>
</div>
</badan>
</html>

Petua: Anda boleh mengubah suai sebahagian kod sebelum menjalankan

Sintaks:

< ;/marquee>

Berikut ialah contoh paling mudah:

Kodnya adalah seperti berikut:

Salin kod

Kodnya adalah seperti berikut:

Hello, World

Dua acara berikut sering digunakan:

onMouseOut="this.start()": digunakan untuk menetapkan tetikus untuk terus menatal apabila ia bergerak keluar dari kawasan
onMouseOver="this.stop()" : Digunakan untuk menetapkan tetikus supaya berhenti menatal apabila tetikus bergerak ke kawasan ini

Kodnya adalah seperti berikut:

Salin kod

Kod Seperti berikut:

onMouseOut="this.start()": digunakan untuk menetapkan tetikus supaya bergerak keluar daripada Teruskan menatal apabila kawasan itu dicapai onMouseOver="this.stop()": Digunakan untuk menetapkan tetikus supaya berhenti menatal apabila tetikus bergerak ke kawasan

Ini adalah contoh lengkap:

Kodnya seperti berikut:

Salin kod

Kod adalah seperti berikut:

Ini ialah contoh lengkap

Teg ini menyokong sehingga 11 atribut:

sejajarkan

Tetapkan penjajaran kandungan tag
absbottom: penjajaran bawah mutlak (dengan g, p Jajaran ke bahagian bawah huruf)
absmiddle: penjajaran tengah mutlak
garis dasar: penjajaran garis bawah
bawah: penjajaran bawah (lalai)
kiri: penjajaran kiri
tengah: penjajaran tengah
kanan : penjajaran kanan
atas teks: penjajaran baris atas
atas: penjajaran atas

Kod adalah seperti berikut:

Salin kod

Kodnya adalah seperti berikut:

align="absbottom": Penjajaran bawah mutlak (diselaraskan dengan hujung terendah huruf seperti g, p, dll.).
align="absmiddle": Penjajaran tengah mutlak.
align="baseline": Penjajaran garis bawah.
align="bottom": Penjajaran bawah (lalai).
align="left": Dijajarkan ke kiri.
align="middle": Penjajaran tengah.
align="right": Dijajarkan ke kanan.
align="texttop": Penjajaran baris atas.
align="top": Penjajaran atas.

gelagat

Tetapkan kaedah menatal:

ganti: bermaksud menatal ke belakang dan ke belakang antara dua hujung.
skrol: bermaksud menatal dari satu hujung ke hujung yang lain, dan akan diulang.
slaid: bermaksud menatal dari satu hujung ke hujung yang lain tanpa ulangan.

Kod adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

alternate: Menunjukkan tatal ke sana ke mari antara dua hujung.
scroll: Menunjukkan penatalan dari satu hujung ke hujung yang lain dan akan berulang.
slide: Menunjukkan tatal dari satu hujung ke hujung yang lain tanpa ulangan.

bgcolor

Tetapkan warna latar belakang sari kata aktif Warna latar belakang boleh ditetapkan dalam RGB, format nilai heksadesimal atau nama warna.

Kod adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

Tetapkan warna latar belakang sari kata aktif bgcolor="#006699"
Tetapkan warna latar belakang sari kata aktif bgcolor="rgb(10%,50%,100%,)"

arah

Tetapkan arah tatal sari kata aktif

Kodnya seperti berikut:

Salin kod

Kod adalah seperti berikut:

< marquee direction="down">Tetapkan tatal sari kata aktif Direction direction="down": Down

": Ke kiri
Tetapkan arah tatal bagi sari kata aktif direction="kanan": kanan
Tetapkan arah tatal sari kata aktif direction="up": Naik

tinggi

Tetapkan ketinggian sari kata aktif

Kod adalah seperti berikut:

Salin kod

Kod tersebut adalah seperti berikut:

Tetapkan ketinggian sari kata aktif height="500"

lebar

Tetapkan lebar sari kata aktif

kod Seperti berikut:

Salin kod

The kod adalah seperti berikut:

Tetapkan lebar sari kata aktif width="500"

hspace

Tetapkan jarak antara kedudukan sari kata aktif dan sempadan mendatar bekas induk

Ini mengawal ruang mendatar (mendatar) di sekeliling kotak paparan

Kodnya seperti berikut:

Salin kod

Kod adalah seperti berikut:

hspace= "100"

>
Tetapkan sari kata aktif Jarak antara kedudukan dan sempadan menegak bekas induk

Ini mengawal ruang menegak di sekeliling kotak paparan

Kodnya adalah seperti berikut:

Salin kod

Kod adalah seperti berikut: hspace="100"

gelung

Tetapkan bilangan kali untuk menatal Apabila gelung=-1 bermaksud menatal semua masa, lalai ialah -1
Kod adalah seperti berikut:

Salin kod

Kod adalah seperti berikut: Saya akan terus berjalan.

🎜>

jumlah tatal

Tetapkan kelajuan tatal sari kata aktif dalam piksel

Kodnya adalah seperti berikut:

Salin kod

Kodnya adalah seperti berikut:

scrollamount="10" >scrollamount="20" tunda tatal Tetapkan masa tunda antara sari kata aktif menatal dua kali, unit milisaat (milisaat) Nilai yang lebih besar akan mempunyai kesan jeda langkah demi langkah

kod adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

< ;marquee scrolldelay="10" >scrolldelay= "10"
"1000">scrolldelay="1000" < ;/marquee>

Label berkaitan：

html marquee

sumber：php.cn

Artikel sebelumnya：Cara memasukkan video ke dalam HTML dan serasi dengan semua penyemak imbas_HTML/Xhtml_Pengeluaran halaman web Artikel seterusnya：Tetapan lebar sel jadual td adalah tidak sah dan kandungan dalaman sentiasa diregangkan_HTML/Xhtml_Pengeluaran halaman web

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang