0 
<a href="#" id=BigSwatch><img src="addtocart.png" onclick="SwapLink('ekhle.html');"
 onClick=display('pleasewait.png') /></a>

在这个编码中，我也想改变图像和改变href。在这里，当用户单击addtocart.png图像时，我想将图像更改为pleasewait.png并且当用户单击pleasewait.png图像时，我想更改 href 像“ url2.html ”，但是当我应用我的编码图像时，我改变了但是url2.html页面也直接重定向。

4

6 回答 6

0

您只能像这样使用HTML 标记来执行此操作

<a href="#" id=BigSwatch onClick="this.href='ekhle.html'">
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Small-city-symbol.svg/348px-Small-city-symbol.svg.png" 
 onClick="this.src='https://g.twimg.com/business/page/image/11TwitterForSmallBusiness-300_1.png'; this.parent.href='ekhle.html'" />
</a>

现场演示

我使用了来自谷歌的图片。:)

于 2013-10-29T06:00:01.483 回答
0

更好的方法是您可以放置​​带有背景图像的锚点。您可以按照简单的过程 -

  1. 使用背景图像“addToCart.png”和类“addToCart”保留锚点
  2. 单击时将类更改为“pleasewait”，这会将背景图像更改为“pleasewait.png”
  3. 在 Click 上编写一个函数来检查，如果它有类“addToCart”然后阻止默认重定向，否则转到“url2.html”。

HTML：

<a href="url2.html" id="BigSwatch" class="addToCart"></a>

CSS：

.addToCart {
    background-image:url('images/addToCart.png');
    display:block;
    /* Define width and height */
}
.pleaseWait {
    background-image:url('images/pleaseWait.png');
}

Javascript：

$('#BigSwatch').click(function(e){
   if($(this).hasClass('addToCart')) {
      $(this).removeClass('addToCart').addClass('pleaseWait');
      e.preventDefault();
   }
});

我希望这会很好。

于 2013-10-29T05:47:34.027 回答
0

试试这个代码。

<!DOCTYPE html>
<html>
<head>
<script>
function switchHref(){
info=document.getElementById("hr");
info1=document.getElementById("link");
if(info.src.match("pleasewait.png")){
    window.location="irl.html";
}
else{
    info.src="pleasewait.png";
}
}
</script>
</head>

<body>
<img src="addtocart.png" id="hr" onclick="switchHref()"        
width="100" height="100"/>
</body>
</html>
于 2013-10-29T08:32:32.650 回答
0 
<a href="#" id=BigSwatch><img id="test" src="addtocart.png" onclick="SwapLink('ekhle.html');"
 onClick=display('pleasewait.png') /></a>

脚本

$('#BigSwatch').on({
    'click': function(){
        $('#test').attr('src','pleasewait.png');
        $('#BigSwatch').attr('href','url2.html');
    }
});
于 2013-10-29T05:18:03.843 回答
0

HTML

<a href="#" id=BigSwatch><img src="addtocart.png" /></a>

在 JS 中

 $("#BigSwatch").on("click","img",function(){
    $(this).attr("src","pleasewait.png");// here your image path will set
    $(this).closest("#BigSwatch").attr("href","ekhle.html");


    });
于 2013-10-29T05:18:41.043 回答
0 
<!DOCTYPE html>
<html>
<head>
<script>
function switchHref(){
info=document.getElementById("hr");
info1=document.getElementById("link");
doc=document.getElementById("rad");
if(doc.checked==true){
    info.src="pleasewait.png";
}
if(info.src.match("pleasewait.png")){
    window.location="url.html";
}
}
</script>
</head>

<body>
<img src="addtocart.png" id="hr" width="100"   
height="100"/>
<input type="radio" id="rad"  
onChange="switchHref()" />Click
</body>
</html>
于 2013-10-29T15:23:23.603 回答