Javascript ：对象脱离Div时的悬停效果（CSS/JS？）

我有一个CSS悬停效果，当你悬停在初始图像上时，它会在两个图像之间循环

HTML:

---

如何使它在ID为cf的div中不存在的标记上悬停时触发相同的效果？

如果不添加样式ID，则必须在img标记中添加ID，请尝试以下代码

<img id="cf" class="bottom" src="photos/800_800_<?php echo $r->image1;?>" />

---

那么，你能用应该充当触发器的元素来显示实际的标记吗？js是什么？您添加了javascript标记。请创建一个

#cf img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
    opacity: 0;
}

<img id="cf" class="bottom" src="photos/800_800_<?php echo $r->image1;?>" />