jQuery ASP.net中的按钮按钮

Button fadein jQuery ASP.net

本文关键字：按钮 net ASP jQuery      更新时间：2023-09-26

当页面加载时，我试图在ASP.net中提供div淡入效果。但有一次我不知怎么搞不好。

Jquery

 $(document).ready(function () {
    $('#divbutton').fadeIn(2000);
});

HTML

<div id="divbutton" class="col-md-4 text-center"><a href="#" class="btn-main">Bekijk onze Films</a></div>

我希望有人能帮助我。

您的元素当前可见。所以你不会注意到时尚的影响。

首先隐藏元素，然后调用元素上的fadeIn

$(document).ready(function () {
    $('#divbutton').hide().fadeIn(2000);
});

这是一个工作样品。

或者，您可以将display:noneCss添加到HTML标记中，只需尝试您的版本（不调用隐藏）

jsFiddle DEMO

更改你的html，使其从一开始就隐藏起来。添加样式"display:none"。

<div id="divbutton" class="col-md-4 text-center" style="display:none">
  <a href="#" class="btn-main">Bekijk onze Films</a>
</div>

只有当元素首先被隐藏时，fadeIn才会工作。

相关文章：