gpt4 book ai didi

jquery - 如何获得默认外观

转载 作者:行者123 更新时间:2023-11-28 09:57:41 26 4
gpt4 key购买 nike

This is a follow up to a problem posted earlier. Click here to open it

我现在有以下代码,但我无法获得第二个按钮,该按钮似乎采用默认边框和填充。请帮忙。谢谢。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#b1").animate({width:'0px', padding:'0', border:'0'}, { duration: 1000, queue: false });
$("#b2").animate({width:'200px', padding:"", border:""}, { duration: 1000, queue: false });
});
});
</script>
<style>
button {
min-width:0px;
height: 22px;
width: 200px;
}

#b2 {
width: 0px;
padding: 0;
border: 0;
}


</style>
</head>

<body>
<button id="b1">Start Animation</button><button id="b2">Animation Done</button>

</body>
</html>

最佳答案

也许你可以像下面这样解决

CSS 代码:

button {
min-width:0px;
height: 22px;
width: 200px;
}

#b2 {
width: 0px; display:none;
}

j查询代码:

 $("button").click(function(){
$("#b1").animate({width:'0px',padding:'0px'}, 1000,function(){$('#b1').hide();});
$("#b2").css('display','inline-block').animate({width:'200px'}, { duration: 1000, queue: false });
});

你可以在这里看到结果---> http://jsfiddle.net/Junkie/4c9g3/

关于jquery - 如何获得默认外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24841556/

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