2016-04-30 30 views
-5

下面的JavaScript會導致網頁上的某些文字閃爍。當我在Blogger上將其與錨定標記一起使用時,它僅起到鏈接的作用,不會閃爍。如果它不是錨標籤,它會閃爍。有什麼方法可以在Blogger上解決這個問題嗎?如何在Blogger上獲得閃爍的鏈接

<html> 
<head> 
<script type="text/javascript"> 
function blinker() 
{ 
    if(document.getElementById("blink")) 
    { 
     var d = document.getElementById("blink") ; 
     d.style.color= (d.style.color=='red'?'white':'red'); 
     setTimeout('blinker()', 500); 
    } 
} 
</script> 
</head> 
<body onload="blinker();"> 
    <div id="blink">GOOGLE</div> 
</body> 
</html> 
+2

''​​http://www.w3schools.com/html/html_links.asp – JordanHendrix

+0

我知道。但是,當我添加一個hperlink上面的代碼,閃爍停止和超鏈接工作 – Arjunv

回答

1

function blinker() { 
 
    if (document.getElementById("blink")) { 
 
    var d = document.getElementById("blink"); 
 
    d.style.color = (d.style.color == 'red' ? 'white' : 'red'); 
 
    setTimeout('blinker()', 500); 
 
    } 
 
} 
 

 
blinker();
<a href="https://www.google.com/" id="blink">GOOGLE</a>

+0

請問您可以添加到完整的代碼? – Arjunv

+0

@Arjunv在這裏我添加了完整的代碼 – DININDU

0
<div id="blink"><a href="www.google.com">GOOGLE</a></div> 
0
 <script type="text/javascript"> function blinker() { 
      if(document.getElementById("blink")) 
      { 
       var d = document.getElementById("blink") ; 
       d.style.color= (d.style.color=='red'?'white':'red'); 
       setTimeout('blinker()', 500); 
      } } </script> 

     <body onload="blinker();"> 
<div id="blink"> <a href="http://www.google.com">GOOGLE</a></div> </body> 

基本上,你需要添加一個href元素。

+0

我收到錯誤「您的HTML不能被接受:標記未關閉:DIV關閉」我已經嘗試了所有這些,但我得到了錯誤。這就是爲什麼問 – Arjunv

+0

只試過你給我的代碼。有超鏈接時閃爍停止。如果扭結被刪除,閃爍工作 – Arjunv

0

也許試試這個。它使用JavaScript來處理div鏈接。看起來像StackOverflow塊雖然,這是可以理解的。它應該仍然適用於其他頁面。但請注意,如果用戶將鼠標懸停在其上,則用戶不會看到對方的內容,並且光標不會更改以指示它是可點擊的。

function blinker() { 
 
    if (document.getElementById("blink")) { 
 
    var d = document.getElementById("blink"); 
 
    d.style.color = (d.style.color == 'red' ? 'white' : 'red'); 
 
    setTimeout('blinker()', 500); 
 
    } 
 
} 
 

 
function goto(page) { 
 
    document.location = page; 
 
} 
 

 
blinker();
<div onclick="goto('https://www.google.com/')" id="blink">GOOGLE</div>

0

終於找到了答案自己

<script type="text/javascript"> 
function blinker() 
{ 
    if(document.getElementById("blink")) 
    { 
     var d = document.getElementById("blink") ; 
     d.style.color= (d.style.color=='red'?'white':'red'); 
     setTimeout('blinker()', 500); 
    } 
} 
</script> 

<body onload="blinker();"> 
<a href="http://www.google.com"><div id="blink">GOOGLE</div></a> 
</body> 

謝謝大家的幫助

+0

爲什麼要有div?只需將ID放在鏈接本身上即可 – evolutionxbox