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

How do I change the height of a button in HTML?

本文关键字：按钮 高度 HTML      更新时间：2023-09-26

我试图在我的网站菜单栏上创建一个闪烁的"Contact Us"按钮，这样当人们进入网站时，它就会立即引起他们的注意。这是我使用的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>

所以我设法使它闪烁红色，但按钮不与菜单栏中的其他链接对齐。它的位置比它应该的位置高一点。我想把"Contact Us"按钮放低一些

使用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);

相关文章：