2016-04-30 13 views
-5

以下のJavaScriptは、Webページ上でテキストを点滅させます。 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

おそらくこれを試してください。 divをリンクとして扱うためにJavaScriptを使用しています。 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

関連する問題