如何在轉換中用圖像替換href鏈接

我想用圖像替換這個href鏈接，因此我只是想讓動態圖像代替鏈接，輕鬆地用「img src」替換「a href」，移動是由「onclick」javascript觸發，你能幫我嗎？如果我這樣做，動畫心不是工作，所以IDK的如何，繼承人的jsfiddle：http://jsfiddle.net/px7ezeka/如何在轉換中用圖像替換href鏈接

<!DOCTYPE html> 
<html lang="cs-CZ"> 
<head> 
    <meta charset="UTF-8" /> 
    <meta name="generator" content="Prace"> 
    <link rel="stylesheet" href="Web9.css"> 
    <title>Rostik</title> 
</head> 
<body> 
    <div id="links"> 
     <a class="link" href="#">bullshit</a> 
    </div> 
    <script> 
     document.querySelector('.link').onclick = function() { 
      var d = document.getElementById("links"); 
      d.className = d.className + " fly"; 
     } 
    </script> 
</body> 
</html> 


#links.fly { 
    position: absolute; 
    margin-left: 400px; 
    transition: all 2s ease-out; 
}

來源

2014-11-06 Rostislav Danko

是它確定http://jsfiddle.net/px7ezeka/1/？ – 2014-11-06 09:40:52

ofc，謝謝兄弟） – 2014-11-06 09:43:10

，如果你想替換文本圖像試試這個當點擊它：

HTML

<div id="links"> 
    <a class="link" href="#">bullshit</a> 
    <img src="" class="hide image" /> 
</div>

JAVASCRIPT

document.querySelector('.link').onclick=function() { 

      var d = document.getElementById("links"); 
      d.className = d.className + " fly"; 
      $(".image").toggleClass("hide"); 
      $(".link").toggleClass("hide"); 
     }

CSS

#links.fly { 
    position: absolute; 
    margin-left: 400px; 
    transition: all 2s ease-out; 
} 
.hide{ 
    display:none; 
}

這是隱藏的文本和顯示你想要的形象。

Demo in FIDDLE

來源

2014-11-06 09:46:19 kupendra

如何在轉換中用圖像替換href鏈接

回答

相關問題