Maison interface Web tutoriel HTML L'élément chapiteau implémente les polices de défilement, le glissement d'images et d'autres effets_HTML/Xhtml_Web production de pages

L'élément chapiteau implémente les polices de défilement, le glissement d'images et d'autres effets_HTML/Xhtml_Web production de pages

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



复制代码
代码如下 :

<style type="text/css">
#div01{
largeur : 500 px ;
}
</style>
<script type="text/javascript">
</script>
<marquee behavior="alertnate"><font size=30 color='red'>www.baidu.com111</font></marquee>
<marquee direction=right bgcolor='#ff2233' behavior="alertnate"><font size=30 color='blue'>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()"><font size=30 color='blue'>www.baidu333.com</font></marquee>
<marquee id="m4" direction=up bgcolor='#00dbdb' behavior="alertnate"><font size=30 color='blue'>www.baidu444.com</font>&lt ;/chapiteau>



<div id="div01"><marquee direction=right bgcolor='#ff2233' behavior="alertnate" scrolldelay=100><font size=30 couleur ='bleu'>www.baidu.com555</font></marquee></div>
<input type="bouton" 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>

direction 表示滚动的方向,值可以是gauche,droite,haut,bas,默认为gauche
comportement 表示滚动的方式,值可以是défilement(连续滚动)diapositive(滑动一次)alternate(来回滚动)
boucle 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位似乎是毫秒
align 表示元素的垂直对齐方式,值可以是haut,milieu,bas,默认为milieu
bgcolor 表礤Couleur RVB 16 couleurs RVB , 默认为白色
hauteur、largeur dth=100% hauteur
onmouseover=this.stop() onmouseout=this.start() ne fonctionne pas correctement.区域的时候滚动停止,当鼠标移开的时候

以下是设置点击按钮时m3、m4的动或停止:


复制代码 代码如下 :
<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>

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que dois-je faire si l'écran de mon téléphone portable a du mal à glisser et à sécher ? Que dois-je faire si l'écran de mon téléphone portable a du mal à glisser et à sécher ? Dec 04, 2023 pm 03:51 PM

Que dois-je faire si l'écran de mon téléphone portable a du mal à glisser et à sécher ?

Comment utiliser JavaScript pour obtenir l'effet de commutation coulissante de haut en bas des images et ajouter des animations de fondu d'entrée et de sortie ? Comment utiliser JavaScript pour obtenir l'effet de commutation coulissante de haut en bas des images et ajouter des animations de fondu d'entrée et de sortie ? Oct 20, 2023 am 11:19 AM

Comment utiliser JavaScript pour obtenir l'effet de commutation coulissante de haut en bas des images et ajouter des animations de fondu d'entrée et de sortie ?

HTML, CSS et jQuery : un guide technique pour implémenter un effet de panneau coulissant HTML, CSS et jQuery : un guide technique pour implémenter un effet de panneau coulissant Oct 27, 2023 pm 04:39 PM

HTML, CSS et jQuery : un guide technique pour implémenter un effet de panneau coulissant

Interprétation des événements glissants jQuery : principes de mise en œuvre et précautions Interprétation des événements glissants jQuery : principes de mise en œuvre et précautions Feb 27, 2024 am 10:57 AM

Interprétation des événements glissants jQuery : principes de mise en œuvre et précautions

Quels sont les paramètres du chapiteau ? Quels sont les paramètres du chapiteau ? Oct 18, 2023 am 10:10 AM

Quels sont les paramètres du chapiteau ?

Comment implémenter le glissement en réaction Comment implémenter le glissement en réaction Dec 30, 2022 am 11:09 AM

Comment implémenter le glissement en réaction

watchOS 10.2 : Comment changer le cadran de votre montre d'un simple glissement watchOS 10.2 : Comment changer le cadran de votre montre d'un simple glissement Dec 15, 2023 pm 11:15 PM

watchOS 10.2 : Comment changer le cadran de votre montre d'un simple glissement

Comment utiliser la disposition élastique CSS Flex pour implémenter la disposition des cartes coulissantes Comment utiliser la disposition élastique CSS Flex pour implémenter la disposition des cartes coulissantes Sep 28, 2023 pm 01:16 PM

Comment utiliser la disposition élastique CSS Flex pour implémenter la disposition des cartes coulissantes

See all articles