


Das Marquee-Element implementiert Scroll-Schriftarten, Bildgleiten und andere Effekte für die Erstellung von Webseiten
May 16, 2016 pm 04:38 PMmarquee元素可以实现简单的字体(图片等)的滑动等效果:
<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>< ;/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>

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

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?

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

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

So implementieren Sie das Einschieben von Reaktionen

watchOS 10.2: So ändern Sie Ihr Zifferblatt per Wisch

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