Tag <sarquee> adalah tag yang muncul berpasangan. Konten antara tag pertama <marquee> dan tag terakhir </arquee> adalah menggulir konten. Atribut tag <sarquee> terutama termasuk perilaku, bgcolor, arah, lebar, tinggi, hspace, vspace, loop, scrolllamount, scrolldelay, dll. Mereka semua opsional.
Hari ini, ketika saya melakukan undian lotere meja putar yang besar di WeChat, saya ingin membuat catatan lotre dari semua pengguna menjadi efek gulir yang mulus. Sayangnya, Yayasan JS saya terlalu buruk dan saya tidak bisa memikirkan cara untuk mencapainya untuk saat ini, jadi saya memiliki berbagai efek serupa pada Baidu. Tapi saya tidak sengaja menemukan tag HTML - <sarquee> </sarquee> dapat mencapai beberapa efek gulir tanpa kontrol JS. Menggunakan tag tenda tidak hanya dapat menggulir teks, tetapi juga menggulir gambar, tabel, dll., Dan juga nyaman dan cepat digunakan, yang benar -benar menghemat banyak waktu.
Tag tenda bukan bagian dari html3.2 dan hanya mendukung msie3 nanti kernel, jadi jika Anda menggunakan browser kernel non-IE (seperti Netscape) Anda mungkin tidak dapat melihat beberapa efek menarik di bawah ini. Tag ini adalah tag kontainer.
1. Beberapa atribut penting tag tenda:1.Direction: arah gulir (termasuk 4 nilai: atas, bawah, kiri, kanan)
Deskripsi: UP: Gulir dari bawah ke atas; Down: Gulir dari atas ke bawah; Kiri: Gulir dari kanan ke kiri; Kanan: Gulir dari kiri ke kanan.
Sintaks: <Marquee Direction = Direction Scroll> ... </sarquee>
2.Behavior: Metode gulir (termasuk 3 nilai: gulir, slide, ubah)
Deskripsi: Gulir: Loop Scroll, Efek Default; Slide: Berhenti saat menggulir hanya sekali; Alternatif: Menggulir bolak -balik secara bergantian.
Sintaks: <Perilaku Marquee = Metode Gulir> ... </sarquee>
3.Scrollamount: Kecepatan gulir (kecepatan gulir adalah panjang gerakan saat setiap gulungan diatur, dalam piksel)
Sintaks: <marquee scrollamount = 5> ... </sarquee>
4. ScrollDelay: Atur waktu tunda antara menggulir dua kali. Jika nilainya besar, akan ada efek langkah demi langkah (atur interval waktu pengguliran, unit adalah milidetik)
Sintaks: <marquee scrolldelay = 100> ... </sarquee>
5.Loop: Atur berapa kali siklus pengguliran (nilai default adalah -1, pengguliran akan terus siklus)
Sintaks: <marquee loop = 2> ... </sarquee>
<marquee loop = -1 bgcolor =#cccccc> Saya akan terus berjalan. </sarquee>
<marquee loop = 2 bgcolor =#cccccc> saya hanya pergi dua kali </sarquee>
6. Width, Tinggi: Atur lebar dan tinggi subtitle gulir
Sintaks: <marquee width = 500 tinggi = 200> ... </sarquee>
7.BGColor: Atur warna latar belakang subtitle gulir (dapat berupa nilai warna, atau rgb () atau rgba () fungsi)
Sintaks: <marquee bgcolor = rgba (0,0,0,0,2)> ... </sarquee>
8.HSPACE, VSPACE: Ruang kosong (setara dengan pengaturan nilai margin)
Deskripsi: hspace: atur jarak antara posisi dalam subtitle aktif dari batas horizontal dari wadah induk, seperti hspace = 10, yang setara dengan: margin: 0 10px;
VSPACE: Atur jarak antara posisi dalam subtitle aktif dari batas vertikal wadah induk, seperti VSpace = 10, yang setara dengan: margin: 10px 0;
Sintaks: <marquee hspace = 10 vspace = 10> ... </sarquee> (setara dengan: margin: 10px;)
9.Salign: Atur metode penyelarasan subtitle gulir (termasuk 9 nilai: absbottom, absmiddle, baseline, bawah, kiri, tengah, kanan, tekstop, atas)
Deskripsi: Absbottom: Absbottom selaras dengan ujung bawah huruf seperti g, p)
Absmiddle: Penyelarasan yang benar -benar sentral
Baseline: Penyelarasan garis bawah
Bawah: Alignment Bawah (default)
Kiri: Kiri selaras
Tengah: Alignment Tengah
Kanan: Kanan sejajar
TextTop: Alignment Baris Teratas
Atas: Alignment teratas
Sintaks: <marquee align = align> ... </sarquee>
10.face: atur font teks untuk menggulir subtitle
Sintaks: <Marquee font = KAITI_GB2312> </parquee>
11.color: Atur warna teks subtitle gulir
Sintaks: <Warna Marquee =#333> </sarquee>
12.Size: Atur ukuran font teks subtitle gulir
Sintaks: <ukuran marquee = 3> </sarquee>
13.STHONG: Atur teks subtitle gulir menjadi berani
2. Dua acara umum yang digunakan oleh Marquee:Sintaks: <Marquee Strong> </arquee>
onMouseout = this.start () digunakan untuk mengatur mouse untuk terus menggulir saat keluar dari area ini.
onmouseover = this.stop () digunakan untuk mengatur mouse untuk berhenti menggulir saat pindah ke area ini.
<marquee onmouseout = this.start () onmouseover = this.stop ()> dua acara umum yang digunakan oleh marquee </sarquee>
Kode lengkapnya adalah sebagai berikut:
<Marquee ID = Affiche Align = perilaku kiri = gulir bgcolor =#ff0000 arah = tinggi tinggi = 300 lebar = 200 hspace = 50 vspace = 20 loop = -1 scrolllamount = 10 scrolldelay = 100 onmouseout = this.start () onmouseover = this.stop ()>
Meskipun ada banyak parameter <marquee>, ia tidak dapat mencapai efek tenda khusus yang kompleks dan disesuaikan, dan ada pembatasan browser, jadi dalam lebih banyak kasus kami akan menggunakan JavaScript untuk mencapai efek gulir tenda.
Ini adalah artikel tentang efek tag tenda gulir mulus di HTML. Ini semua tentang artikel ini. Untuk konten yang lebih terkait dari tenda pengguliran mulus, silakan cari artikel sebelumnya dari wulin.com atau terus menelusuri artikel terkait di bawah ini. Saya harap semua orang akan mendukung wulin.com di masa depan!