jQuery使用一个按钮控制图片的伸缩实现思路

ttx9n · 发表于 2013-4-19 17:01:32

上一篇讲解了jquery同时控制四张图片的伸缩，想必大家对伸缩有一定了解了，本文将为大家介绍下使用按钮控制图片的伸缩，感兴趣的朋友可以参考下哈复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#img1
{
width: 500px;
height: 400px;
border: solid 1px #ccc;
display:none;
}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
var count = 0;
$(function () {
$('#Button1').click(function () {
if (count % 2 != 0) {
$('#img1').hide(5000);
}
else {
$('#img1').show(5000);
}
count++;
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<img id="img1" src="images/1.jpg" />
<input id="Button1" type="button" value="点我看看" />
</div>
</form>
</body>
</html>

fiyeid · 发表于 2022-9-17 16:18:27

啦啦啦啦啦啦哈哈哈

dingzhi521 · 发表于 2022-9-18 18:13:37

哦哦哦ijhhsdj

zzhxxx · 发表于 2022-10-15 20:46:16

vcxvcxv

5vulod · 发表于 2023-5-1 06:36:55

我要金豆金豆金豆

a971560 · 发表于 2023-6-15 19:08:18

8888888888888888

z80vh · 发表于 2023-6-23 19:38:40

人都不在了啊啊

do827261756 · 发表于 2023-9-15 09:10:11

借款金额看了就立刻

回复用户5 · 发表于 2024-2-27 15:42:51

先把创新班才能下班才能下班

回复用户5 · 发表于 2024-3-2 04:56:19

hi哦回复iOS就看见

账号		自动登录	找回密码
密码			立即注册

[JavaScript] jQuery使用一个按钮控制图片的伸缩实现思路

相关帖子