Rumah hujung hadapan web html tutorial Elemen marquee melaksanakan fon menatal, gelongsor gambar dan kesan lain_HTML/Xhtml_Penghasilan halaman web

Elemen marquee melaksanakan fon menatal, gelongsor gambar dan kesan lain_HTML/Xhtml_Penghasilan halaman web

May 16, 2016 pm 04:38 PM
marquee slaid

marquee元素可以实现简单的字体(图片等)的滑动等效果:





















任>
任>
任>
们🎜>代码如下:


<style type="text/css">
#div01{
lebar: 500px;
}
</style>
<script type="text/javascript">
</skrip>
<marquee behavior="alertnate"><font size=30 color='red'>www.baidu.com111</font></marquee>
<arah marquee=kanan bgcolor='#ff2233' behavior="alertnate"><saiz fon=30 warna='biru'>www.baidu.com222</font></marquee>
<marquee id="m3" direction=down bgcolor='#dbdbdb' height=50px hspace=20px vspace=20px behavior="alertnate" scrollLeft=left onmouseover="this.stop()" onmouseout="this .start()"><saiz fon=30 warna='biru'>www.baidu333.com</font></marquee>
<marquee id="m4" direction=up bgcolor='#00dbdb' behavior="alertnate"><saiz fon=30 color='biru'>www.baidu444.com</font>&lt ;/marquee> <div id="div01"><marquee direction=right bgcolor='#ff2233' behavior="alertnate" scrolldelay=100><saiz fon=30 warna ='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>
<butang onclick="m4.stop();">m4.stop</button>
<butang onclick="m4.start();">m4.start</button>


Arah 表示滚动的方向, 值可以是 Kiri, kanan, naik, ke bawah, 默认为 kiri
tingkah laku 表示滚动的方式, 值可以是 tatal (连续滚动) slaid (滑动一次)alternate(来回滚动)
gelung 表示循环的次数,值是正整数,默认为无限循环 表示循环的次数,值是正整数,默认为无限循环 tangguh tatal 表示停顿时间,值是正整数,默认为0,单位似乎是毫秒 sejajarkan 表示元素的垂直对齐方式,值可以是 atas,warna tengah,bawah,付计动区域的背景色,值是16进制的RGB颜色,默认为白色 tinggi、lebar 表示运动区域的高度和宽度,值是正整数(单位是物=100% ketinggian为标签内元素的高度 hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。 onmouseover=this.stop() s.stop() onmouseout=示靠你你你们位是像素上区域的时候滚动停止,当鼠标移开的时候又继续滚动。 以下是设置点击按钮时m3、m4的滚动或停止: 代码如下: <input type="button" onclick="m3.stop();" value="m3.stop"></input> <input type="button" onclick="m3.start();" value="m3.start"></input> <butang onclick="m4.stop();">m4.stop</button> <butang onclick="m4.start();">m4.start</button>
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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah yang perlu saya lakukan jika skrin telefon bimbit saya sukar untuk menggelongsor dan kering? Apakah yang perlu saya lakukan jika skrin telefon bimbit saya sukar untuk menggelongsor dan kering? Dec 04, 2023 pm 03:51 PM

Apakah yang perlu saya lakukan jika skrin telefon bimbit saya sukar untuk menggelongsor dan kering?

Bagaimana untuk menggunakan JavaScript untuk mencapai kesan penukaran gelongsor ke atas dan ke bawah bagi imej dan menambah animasi fade-in dan fade-out? Bagaimana untuk menggunakan JavaScript untuk mencapai kesan penukaran gelongsor ke atas dan ke bawah bagi imej dan menambah animasi fade-in dan fade-out? Oct 20, 2023 am 11:19 AM

Bagaimana untuk menggunakan JavaScript untuk mencapai kesan penukaran gelongsor ke atas dan ke bawah bagi imej dan menambah animasi fade-in dan fade-out?

HTML, CSS dan jQuery: Panduan teknikal untuk melaksanakan kesan panel gelongsor HTML, CSS dan jQuery: Panduan teknikal untuk melaksanakan kesan panel gelongsor Oct 27, 2023 pm 04:39 PM

HTML, CSS dan jQuery: Panduan teknikal untuk melaksanakan kesan panel gelongsor

Tafsiran peristiwa gelongsor jQuery: prinsip pelaksanaan dan langkah berjaga-jaga Tafsiran peristiwa gelongsor jQuery: prinsip pelaksanaan dan langkah berjaga-jaga Feb 27, 2024 am 10:57 AM

Tafsiran peristiwa gelongsor jQuery: prinsip pelaksanaan dan langkah berjaga-jaga

Apakah parameter marquee? Apakah parameter marquee? Oct 18, 2023 am 10:10 AM

Apakah parameter marquee?

Bagaimana untuk melaksanakan gelongsor dalam tindak balas Bagaimana untuk melaksanakan gelongsor dalam tindak balas Dec 30, 2022 am 11:09 AM

Bagaimana untuk melaksanakan gelongsor dalam tindak balas

watchOS 10.2: Cara menukar muka jam anda dengan leret watchOS 10.2: Cara menukar muka jam anda dengan leret Dec 15, 2023 pm 11:15 PM

watchOS 10.2: Cara menukar muka jam anda dengan leret

Cara menggunakan susun atur elastik CSS Flex untuk melaksanakan susun atur kad gelongsor Cara menggunakan susun atur elastik CSS Flex untuk melaksanakan susun atur kad gelongsor Sep 28, 2023 pm 01:16 PM

Cara menggunakan susun atur elastik CSS Flex untuk melaksanakan susun atur kad gelongsor

See all articles