<分区>
标签 javascript jquery html css hover
所以,我在 http://ecofixoil.co.nz 建立了这个网页在模板的帮助下。顶部的黄色按钮是对我发现的一些 css 脚本的改编,当您将鼠标悬停在它们上方并单击它们时,它们可以让它们执行它们所做的操作。现在我想要一个自动悬停效果,让它们自动表现得像您在页面加载时将它们悬停一秒钟,然后对鼠标使用react作为覆盖。我在网上搜索过,但没有找到任何我可以使用的解决方案。
我可以安装覆盖脚本来模拟鼠标悬停在它们上面吗?
最佳答案
在 <head></head>
中添加 CSS部分:
<style type="text/css">
.tooltip.hover .tooltiptext {
visibility: visible;
opacity: 0.95;
}
.tooltip.hover a {
top: -5px;
}
</style>
在 </body>
之前添加 javascript结束标记:
<script type="text/javascript">
(function($) {
jQuery(document).ready(function() {
timer = 1000;
$('.efo_icons .tooltip').each(function() {
var icon = $(this);
setTimeout(function() {
icon.addClass('hover');
}, timer);
timer += 1000;
setTimeout(function() {
icon.removeClass('hover');
}, timer);
});
});
})(jQuery);
</script>
关于javascript - 自动悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45504942/