communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > ：button中文字闪烁_html/css_WEB-ITnose

：button中文字闪烁_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:47:30
original
1878 Les gens l'ont consulté

刚开始学习，想触发一事件，引起按钮中的文字闪烁，能实现网页上其它字的闪烁，却操作不了按钮中的文字
代码如下：只能实现按钮旁边的文字武汉闪烁，不能改变按钮中的武汉









武汉


<script> <br /> function blinklink() { <br /> if (!document.getElementById('blink').style.color) { <br /> document.getElementById('blink').style.color = "black"; <br /> } <br /> if (document.getElementById('blink').style.color == "black") { <br /> document.getElementById('blink').style.color = "#FFFFFF"; <br /> } else { <br /> document.getElementById('blink').style.color = "black"; <br /> } <br /> timer = setTimeout("blinklink()", 500); <br /> } <br /> function stoptimer() { <br /> clearTimeout(timer); <br /> } <br /> blinklink() <br /> </script>
 


回复讨论(解决方案)

<html><head><meta charset=utf-8></head><body style="background-color:rgba(230,255,255,0.5); font-family:'幼圆';"><span id="blink"><input id="btn" type="button" style="cursor:hand; width:60px; height:30px; text-align:center;" value="武 汉" onclick="window.location.href='test.html'"/>武汉</span><script type = "text/javascript" >function blinklink() {    if (!document.getElementById('blink').style.color) {        document.getElementById('blink').style.color = "black";        document.getElementById('btn').style.color = "black";    }    if (document.getElementById('blink').style.color == "black") {        document.getElementById('blink').style.color = "#FFFFFF";        document.getElementById('btn').style.color = "transparent";    } else {        document.getElementById('blink').style.color = "black";        document.getElementById('btn').style.color = "black";    }    timer = setTimeout("blinklink()", 500);}function stoptimer() {    clearTimeout(timer);} blinklink()</script> </body></html>
Copier après la connexion

http://bbs.csdn.net/topics/391000303?page=1

Étiquettes associées：
：button中文字闪烁
source：php.cn
Article précédent：借助Ehcache缓存框架实现对页面的缓存_html/css_WEB-ITnose Article suivant：CSS背景_html/css_WEB-ITnose
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2265
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2399
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2012
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1895
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1966
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal