Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 只悬停一次_Css_Hover - Fatal编程技术网

Css 只悬停一次

Css 只悬停一次,css,hover,Css,Hover,无论如何,我只需要经过一次悬停循环就可以得到CSS吗 我需要保持CSS的完整性,并添加一个解决方案,而不是完全改变它 这也许不可能,但我想我会问的 CSS: HTML: 谢谢您需要的是一个带有javascript函数的onmouseout,它可以将元素的类名更改为一个没有定义悬停的css类 CSS .element_with_hover{(...)} .element_with_hover:hover{(...)} .element_without_hover{(...)} HTML &l

无论如何,我只需要经过一次悬停循环就可以得到CSS吗

我需要保持CSS的完整性,并添加一个解决方案,而不是完全改变它

这也许不可能,但我想我会问的

CSS:

HTML:



谢谢

您需要的是一个带有javascript函数的
onmouseout
,它可以将元素的
类名
更改为一个没有定义
悬停的css类

CSS

.element_with_hover{(...)}
.element_with_hover:hover{(...)}
.element_without_hover{(...)}
HTML

<div class="element_with_hover" id="hoverMe" onmouseout="javascript:removeHover('hoverMe');"></div>

您需要的是一个带有javascript函数的
onmouseout
,该函数可以将元素的
className
更改为不定义
悬停的css类

CSS

.element_with_hover{(...)}
.element_with_hover:hover{(...)}
.element_without_hover{(...)}
HTML

<div class="element_with_hover" id="hoverMe" onmouseout="javascript:removeHover('hoverMe');"></div>

可以使用jQuery.one()函数执行此操作,以下是参考:

以及有关的例子:

<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div class="count">0</div>
<div class="target">Hover me</div>

<script>
  var n = 0;
  $(".target").one("mouseenter", function() {
    $(".count").html(++n);
  });
</script>

</body>
</html>

0
盘旋我
var n=0;
$(“.target”).one(“mouseenter”,function(){
$(“.count”).html(++n);
});

您可以使用jQuery.one()函数执行此操作,以下是参考:

以及有关的例子:

<html lang="en">
<head>
  <meta charset="utf-8">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<div class="count">0</div>
<div class="target">Hover me</div>

<script>
  var n = 0;
  $(".target").one("mouseenter", function() {
    $(".count").html(++n);
  });
</script>

</body>
</html>

0
盘旋我
var n=0;
$(“.target”).one(“mouseenter”,function(){
$(“.count”).html(++n);
});

没有你的代码,我们绝对不可能帮助你。有了javascript,这是可能的。你能展示一下你尝试过的东西吗?请解释一下你的目的是什么,你得到了什么结果,以及它们与期望的结果有何不同。好了,伙计们,他添加了他的代码,所以别再往下投票了。这是一个完全合理的编程问题,不管有没有代码。“我怎么能有一个只能运行一次的CSS悬停”。如果没有你的代码,我们绝对不可能帮助你。使用javascript是可能的。你能展示一下你尝试过的东西吗?请解释一下你的目的是什么,你得到了什么结果,以及它们与期望的结果有何不同。好吧,伙计们,他补充了他的代码,因此,停止投票。这是一个完全合理的编程问题,不管有没有代码。“我怎样才能使CSS悬停只运行一次”。添加了代码,感谢您迄今为止的帮助:添加了DCode,感谢您迄今为止的帮助:D