javascript - 添加第二个鼠标悬停动作

Question

我有以下脚本：

<?php
$main_image  = get_field('main_image');
$hover_image  = get_field('hover_image');
$button_text  = get_field('button_text');
?>


<img src="<?php echo $main_image; ?>"
onmouseover="this.src='<?php echo $hover_image; ?>'" 
onmouseout="this.src='<?php echo $main_image; ?>'" />

我怎样才能<?php echo $button_text; ?>在鼠标悬停时显示？

谢谢！

标签： javascriptphpjquery

Answer 1

您可以使用 img 标签的 title 属性在 mouseover 事件运行时显示 $button_text 值。例如

<img src="<?php echo $main_image; ?>" title=""
onmouseover="this.src='<?php echo $hover_image; ?>'" 
onmouseout="this.src='<?php echo $main_image; ?>'" />

如果你想以不同的方式显示按钮文本，那么也让我知道你想如何显示？所以我也可以帮助你。