gpt4 book ai didi

javascript - 更改链接 HREF 目标

转载 作者:行者123 更新时间:2023-11-28 01:50:51 24 4
gpt4 key购买 nike

我在制作动画时遇到问题。

我的网页带有动画按钮,链接上的动画不透明。但是当我的不透明度为 0 时,链接仍然有效,因此如果您单击它们,您仍然会发送到另一个页面。

我希望它在可见之前不可点击。

HTML:

<a id="click1" href="#" class="btn_header">WELCOME</a>

触发此

<div id="1">
<a href="3dsmax.html"><img class="tile" src="#"></a>
</div>

JS:

$("#click1").click(function () {
if ($("#1").css("opacity")=="0") {
$("#1").animate({"opacity":"1"}, 1250);
} else {
$("#1").animate({"opacity":"0"}, 500);
}

编辑:我希望按钮开始不可见(不工作)并变为可见(工作)我的猜测是制作 HREF:# 并在单击按钮时使其对whatever.html可见

最佳答案

您应该使用.fadeIn().fadeOut()在动画结束时显示/隐藏元素

$("#click1").click(function () {
var target = $('#1');

if (target.is(':visible')){
target.fadeOut(500);
} else {
target.fadeIn(1250);
}
});

代码演示(包括起始不可见)http://jsfiddle.net/Ps6Vj/

<小时/>

如果持续时间相同,您也可以使用更简单的 .fadeToggle()

$("#click1").click(function () {
$('#1').fadeToggle(500);
});

关于javascript - 更改链接 HREF 目标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19718722/

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