：button中文字闪烁_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:47:301868검색
刚开始学习，想触发一事件，引起按钮中的文字闪烁，能实现网页上其它字的闪烁，却操作不了按钮中的文字
代码如下：只能实现按钮旁边的文字武汉闪烁，不能改变按钮中的武汉
武汉
<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
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.