主要问题是按钮呈圆形。但我真的想要一个圆形按钮,这会导致悬停问题!我想要的是有一个圆形的<a>按钮,当鼠标悬停在上面时,它会显示下面的另一个元素,比如一个div或另一个标签。这两个元素之间有一个间隙。 然后,我应该能够向下移动鼠标,将鼠标悬停在显示的元素上,然后单击它或其他任何东西。但当然,如果您取消悬停原始<a>,则另一个元素将消失,特别是在两个元素之间存在间隙的情况下。使我可以将鼠标从元素1移动到元素2而不使元素2在鼠标移动过程中消失的最好方法是什么? 理想情况下,这不应该需要JS。 到目前为止,我已经为它创建了一个基本的设置来开始: body {
pad
在我的一个小项目中,我有几个按钮,当鼠标悬停时,它们会显示另一个div中的图像。在悬停第一个按钮后,当悬停第二个按钮时,第一个图像仍然存在,两个图像都会显示出来。
如果第二张图片只在第一张图片消失后出现,我该怎么办?
我的JavaScript代码:
$(".button").hover(function () {
var iN = $(this).attr("id").charAt(6);
$('#img'+ iN).fadeIn('slow');
},function() {
var iN = $(thi
我有一个函数,它在连续的四个盒子中消失,然后它一次又一次地循环。方框1消失,然后框2,框3,最后方框4,这是在一个函数中完成的。
我还有另一个功能,当用户悬停在其中一个框的标题上时,这个框就会消失。当他们悬停下来的时候,它就消失了。在这个函数中,我想要做的是,当它们悬停在框上的一个标题上时,控制循环(startSlider)的函数将淡出,然后当它们悬停在标题之外时,循环再次开始。
以下是一些代码:
function startSlider(){
//code that is looping through each box is here
};
function hoverHere(
我希望在悬停div时显示其中的一些按钮。
示例
// HTML
<div id="overdiv">
<p>Move your mouse several times on this text to see the bug</p>
<input type="button" value="hello" class="elements"/>
</div>
// CSS
#overdiv {background:#CCC;border:1px solid #FFF;wid
所以,如果我把鼠标放在“更改”按钮上,橙色悬停的颜色就会正常工作。
如果我点击一次“更改”按钮,颜色会变红,但悬停颜色会消失(没关系)。
如果我按它2次,它返回到第一个颜色(蓝色),但悬停颜色不工作。
如何使悬停颜色在第一次单击中消失(就像现在一样),并在第二次单击中重新出现,就像在开始时一样?非常感谢!
var someFunction = {};
function changeColor() {
var button = document.getElementById('mute1').style.backgroundColor;
var
我已经创建了一个元素,当你在元素的区域内悬停时,会应用一个悬停效果(更改背景颜色),在这个元素的顶部是一个按钮。当我将鼠标悬停在按钮上时,它会导致其他悬停效果消失,我希望能够在鼠标位于第一个元素的区域内的整个时间内保持悬停。 Example Code Here 因此,当我将鼠标悬停在示例中的按钮上时,我仍然希望a标记的背景为黑色。当我将鼠标悬停在按钮上时,它会导致黑色背景消失。我还希望能够点击按钮。 为了实现我想要实现的目标,我需要使用js吗?或者它可以在CSS中完成?