Question

我试图在我网站的菜单栏上创建一个闪烁的“联系我们”按钮，这样一旦他们进入网站就会立即引起人们的注意。这是我使用的javascript：

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
function blinker()
{
    document.getElementById("btnBlink").style.backgroundColor="red";
    setTimeout("document.getElementById('btnBlink').style.backgroundColor=''", 500);
    setTimeout("blinker()",1500);
}

window.onload=blinker;
</script>

这就是我用于HTML的原因

<li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1639"><a href="http://WebsiteNameGoesHere.com/contact-us/"><input type="button" value="Contact Us" id="btnBlink" /></a></li>

所以我设法使它闪烁红色，但按钮未与菜单栏中的其他链接对齐。它的位置比它应该的高一点。我想降低“联系我们”按钮。

Answer 1

使用css3动画，或者简单地使用Javascript中的setInterval： var isVisible = true; var timer = setInterval(function() { var elem = document.querySelector(".your-selector"); if(isVisible) { elem.style.opacity = 1; } else elem.style.opacity = 0; isVisible = !isVisible; }, 1000);

如何在HTML中更改按钮的高度？

1 个答案: