移动html5中点击按钮让按钮宽度增加？?

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

就烦条0o
推荐于2016-07-26 · 知道合伙人软件行家

就烦条0o
知道合伙人软件行家

采纳数：33315 获赞数：46487

从事多年系统运维，喜欢编写各种小程序和脚本。

向TA提问私信TA

关注

展开全部

在按钮onclick事件中直接修改style.width的值即可，先把按钮设定宽度（style = "width:80px"），然后通过onclick事件修改，使用parseInt函数把带px单位的宽度转成数字再加10，代码如下：

<!DOCTYPE html>
<head>
    <title>Test Button</title>
</head>
<body>
<input type="button" value="Button" id="" onclick="this.style.width = (parseInt(this.style.width) + 10) + 'px';" style="width:80px">
</body>
</html>

效果如下：

已赞过 已踩过<

评论收起

cpvqucrc
2015-09-15 · 超过69用户采纳过TA的回答

知道答主

回答量：114

采纳率：0%

帮助的人：122万

我也去答题访问个人页

关注

展开全部

如果button定义如下(button也可以用button元素定义)： 
下面是JS代码： function widthexpand(){ $("#bid1").width(40);//jQuery方式设置宽度}

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

移动html5中点击按钮让按钮宽度增加？?

为你推荐：