如何在转换中用图像替换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链接

回答

相关问题