Question

我很想知道,是否有办法提供超文本纽扣标签,<button>图像,以便在我的网页上点击图像。这样,当用户点击形象时,我会发生其他事情。

这似乎不可行,令人怀疑甚至可能这样做。

传真码——

<button>
<img src="images/dagger.png" width="10%" height="10%" id="dagger" />
</button>

Answer 1

http://jsfiddle.net/VRvUB/“rel=“noretinger”>,这里有实例。

传真

<button>
<img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_32.png" id="dagger" />
</button>

Java

$(function(){
    $("#dagger").click(function(){
        alert("click");
    }); 
});

Answer 2

你可以把形象描绘成纽州的背景。

button {
    background-image:url( images/dagger.png );
}

Answer 3

我也存在类似的问题,我认为,我今后会把这一职位降为任何眼光的人。

根据我的理解,你不希望有一个可点击的图像,这个形象是按纽扣的。我在这里做的是:

传真:

<img src="images/dagger.png" width="10%" height="10%" id="dagger" />

Javacast/jQuery:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
 $("#dagger").click(function(){
     // what you wanted your button to do when user clicks it    
 });
</script>

通过这样做,你可以抹去正常的“丁顿”形象,你可以使用你想要的、可点击的纽子的任何形象。同样,你也从纽特获得同样的功能,为达到你的目的开辟了许多其他道路。

希望!

另一种方法我的用法是将<代码>onclick活动列入img。自我称职。

html:

<img src="images/dagger.png" width="10%" height="10%" id="dagger" onclick="myFunction()" />

JS:

<script>
 myFunction() {
   // what I want to happen if user clicks image
 }
</script>

视你做些什么以及你再次试图操纵的情况,本页上的所有例子都将为你提供更好/更好的方式。在<代码>img标签栏内利用<代码>onclick活动,你可以将变数/信息传递给该功能以加以利用,然后将其职能转至您的PHP/ASP/etc。同样,如果你处理表格,你可以行使职能,处理信息/提交材料,而不是采用默认提交书。利用你的想象力解决你所遇到的问题,并决定哪一种方法能更好地发挥作用。永远不会只是学习一种方式。

Answer 4

通常,你会不使用一个 but子,你只能把点击事件与 Java成像联系起来。

但是,如果你必须有一个 but子,你就可以使用CSS和背景财产来做 but。

友情链接