Heim Web-Frontend HTML-Tutorial Das Marquee-Element implementiert Scroll-Schriftarten, Bildgleiten und andere Effekte für die Erstellung von Webseiten

Das Marquee-Element implementiert Scroll-Schriftarten, Bildgleiten und andere Effekte für die Erstellung von Webseiten

May 16, 2016 pm 04:38 PM
marquee 滑动

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

复制代码
代码如下:

<style type="text/css">
#div01{
width: 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' behaviour="alertnate"><font size=30 color='blue'>www.baidu.com222</font></marquee>
<marquee id="m3" Direction=down bgcolor='#dbdbdb' height=50px hspace=20px vspace=20px behaviour="alertnate" scrollLeft=left onmouseover="this.stop()" onmouseout="this .start()"><font size=30 color='blue'>www.baidu333.com</font></marquee>
<marquee id="m4" Direction=up bgcolor='#00dbdb' behaviour="alertnate"><font size=30 color='blue'>www.baidu444.com</font>&lt ;/marquee>



<div id="div01"><marquee Direction=right bgcolor='#ff2233' behaviour="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>

Richtung 表示滚动的方向,值可以是links, rechts, oben, unten,默认为links
Verhalten 表示滚动的方式,值可以是scrollen(连续滚动)slide(滑动一次(Alternate)值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor Die Farbtemperatur beträgt 16 bis 16 RGB-Farben默认为白色
height、width dth=100 % Höhe为标签内元素的高度
hspace、vspace 表示元素到
onmouseover=this.stop() onmouseout=this.start() wird angezeigt区域的时候滚动停止, 当鼠标移开的时候又继续滚动码


代码如下:


<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>
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was soll ich tun, wenn das Display meines Mobiltelefons schwer zu gleiten und zu trocknen ist? Was soll ich tun, wenn das Display meines Mobiltelefons schwer zu gleiten und zu trocknen ist? Dec 04, 2023 pm 03:51 PM

Was soll ich tun, wenn das Display meines Mobiltelefons schwer zu gleiten und zu trocknen ist?

Wie kann ich mit JavaScript den Auf- und Ab-Schiebeeffekt von Bildern erzielen und Ein- und Ausblendanimationen hinzufügen? Wie kann ich mit JavaScript den Auf- und Ab-Schiebeeffekt von Bildern erzielen und Ein- und Ausblendanimationen hinzufügen? Oct 20, 2023 am 11:19 AM

Wie kann ich mit JavaScript den Auf- und Ab-Schiebeeffekt von Bildern erzielen und Ein- und Ausblendanimationen hinzufügen?

HTML, CSS und jQuery: Eine technische Anleitung zur Implementierung eines Sliding-Panel-Effekts HTML, CSS und jQuery: Eine technische Anleitung zur Implementierung eines Sliding-Panel-Effekts Oct 27, 2023 pm 04:39 PM

HTML, CSS und jQuery: Eine technische Anleitung zur Implementierung eines Sliding-Panel-Effekts

Interpretation von jQuery-Slide-Events: Implementierungsprinzipien und Vorsichtsmaßnahmen Interpretation von jQuery-Slide-Events: Implementierungsprinzipien und Vorsichtsmaßnahmen Feb 27, 2024 am 10:57 AM

Interpretation von jQuery-Slide-Events: Implementierungsprinzipien und Vorsichtsmaßnahmen

Was sind die Marquee-Parameter? Was sind die Marquee-Parameter? Oct 18, 2023 am 10:10 AM

Was sind die Marquee-Parameter?

So implementieren Sie das Einschieben von Reaktionen So implementieren Sie das Einschieben von Reaktionen Dec 30, 2022 am 11:09 AM

So implementieren Sie das Einschieben von Reaktionen

watchOS 10.2: So ändern Sie Ihr Zifferblatt per Wisch watchOS 10.2: So ändern Sie Ihr Zifferblatt per Wisch Dec 15, 2023 pm 11:15 PM

watchOS 10.2: So ändern Sie Ihr Zifferblatt per Wisch

So verwenden Sie das elastische CSS Flex-Layout, um das Schiebekartenlayout zu implementieren So verwenden Sie das elastische CSS Flex-Layout, um das Schiebekartenlayout zu implementieren Sep 28, 2023 pm 01:16 PM

So verwenden Sie das elastische CSS Flex-Layout, um das Schiebekartenlayout zu implementieren

See all articles