Heim >Web-Frontend >HTML-Tutorial >：button中文字闪烁_html/css_WEB-ITnose
：button中文字闪烁_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:47:301868Durchsuche
刚开始学习，想触发一事件，引起按钮中的文字闪烁，能实现网页上其它字的闪烁，却操作不了按钮中的文字
代码如下：只能实现按钮旁边的文字武汉闪烁，不能改变按钮中的武汉
武汉
<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> http://bbs.csdn.net/topics/391000303?page=1
Stellungnahme：
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
Vorheriger Artikel：借助Ehcache缓存框架实现对页面的缓存_html/css_WEB-ITnoseNächster Artikel：CSS背景_html/css_WEB-ITnose