首頁 > web前端 > html教學 > :button中文字闪烁_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-24 11:47:30
原創
1875 人瀏覽過

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









武汉


<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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板