作爲一個按鈕但沒有按鈕圖像的圖像

這是一個簡單的show hide圖層腳本，當在圖像上顯示時我想單擊圖像而不是按鈕，並且不想有醜陋的按鈕圖像morf或想添加一個CSS樣式覆蓋按鈕作爲一個按鈕但沒有按鈕圖像的圖像

我試圖分配圖像變量，但它沒有工作

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#div1").fadeToggle(1000); 
    }); 
}); 
</script> 
</head> 
<body> 

<br><br> 
<button onclick="toggle();"><img src="image.gif" /></button>////---- works 
<image onclick="toggle();"><img src="image.gif" /></image>//// ----doesnt 

<div id="div1" style="width:80px;height:80px;background-color:blue;"></div>

或行爲分配給圖像

來源

2014-03-30 user3375733

在將是更容易以下一行代碼 -

<image onclick="toggle();"><img src="image.gif" /></image>

您分配一個點擊處理程序的<image>標籤，這是不是有在HTML據我所知，因此也不會被瀏覽器渲染。雖然這將呈現不具有Click事件處理<img> ..

只需將其更改爲

<img src="image.gif" onclick="toggle();"/>

對於這個工作，你應該有一個名爲toggle()功能如下

function toggle(){ 
    $("#div1").fadeToggle(1000); 
}

或更改您的JS來

$(document).ready(function(){ 
$("img").click(function(){ 
    $("#div1").fadeToggle(1000); 
}); 
});

在這種情況下，您不需要<img>

中的 toggle()函數和 onclick="toggle();"處理程序

來源

2014-03-30 15:41:15

作爲一個按鈕但沒有按鈕圖像的圖像

回答

相關問題