gpt4 book ai didi

jquery - 在jquery中使用图像作为按钮,具有点击效果

转载 作者:行者123 更新时间:2023-12-01 06:58:28 25 4
gpt4 key购买 nike

我知道按钮的语法

$("#divId").button();

但我想使用图像。我已申请

$("img").click(function(){......});

效果很好,但是点击图片没有点击效果。如何给图片添加点击效果。

最佳答案

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">


$(document).ready(function(){


$(".imgclick").mousedown(function(){


var mrgtb = parseInt($(this).css("margin-top"));

var mrglf = parseInt($(this).css("margin-left"));

mrgtb=mrgtb+3;

mrglf=mrglf+3;

$(this).css("margin-top",mrgtb+"px").css("margin-left",mrglf+"px");


}).mouseup(function(){

var mrgtb = parseInt($(this).css("margin-top"));

var mrglf = parseInt($(this).css("margin-left"));

mrgtb=mrgtb-3;

mrglf=mrglf-3;

$(this).css("margin-top",mrgtb+"px").css("margin-left",mrglf+"px");

});

});

</script>

</head>

<body>
<p>Hello</p>

<span>World</span><input id="a" class="imgclick" style="outline: none;" type="image" src="a.jpg" width="30px" height="30px" border="0" >



</body>

</html>

关于jquery - 在jquery中使用图像作为按钮,具有点击效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6328070/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com