JQuery .hover 在不悬停时激活-6ren

JQuery .hover 在不悬停时激活

转载作者：行者123 更新时间：2023-11-28 06:34:13

25

4

所以这是我目前的代码，我遇到的问题是:为什么 $('#intro').fadeOut 即使我没有悬停在 $( '竞技场')。悬停？我还有其他问题导致代码无法正常工作吗？

$(document).ready(function() {
  $('#arena').hover(); {
  	$('#intro').fadeOut('slow'); {
      

    }
  }
});

html, body {
  padding: 0 autp;
  margin: 0 auto;
}



#cirkle {
  height: 150px;
  width: 150px;
  background-color: blue;
  border-radius: 25%;
  transition: all 1s ease-in-out;
  border: black 1px solid;
  position:relative; /*gotta put it here too to start it off*/
  top:35%;
  left:35%;
}
#intro {
  text-align: center;
  margin-top: 75px;
  overflow: hidden;
  font-family: 'Indie Flower', cursive;
  font-size: 50px;
}

body {
  background-color: #cccccc;
}

#cirkle:hover {
  border: black 1px solid;
  background-color: red;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  transition: 1.5s;
  -webkit-animation-name: cruise;
  -webkit-animation-duration: 60s;
  animation-name: cruise;
  animation-duration: 50s;
  position:relative;
  top:50%;
  left:50%;
  transition: all 1s linear;
}

#arena {
  border: 5px dashed grey;
  margin: 0 auto;
  width: 550px;
  height: 550px;
  margin-top: 150px;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
}

 @keyframes cruise {
    0%    {left:35%; top:35%;}
    5%    {left:40%; top:40%;}
    10%   {left:45%; top:45%;}
    15%   {left:50%; top:43%;}
    20%   {left:57%; top:50%;}
    25%   {left:67%; top:40%;}
    30%   {left:70%; top:27%;}
    35%   {left:55%; top:35%;}
    40%   {left:35%; top:67%;}
    45%   {left:15%; top:40%;}
    50%   {left:40%; top:65%;}
    55%   {left:50%; top:25%;}
    60%   {left:82%; top:65%;}
    65%   {left:26%; top:15%;}
    70%   {left:69%; top:70%;}
    75%   {left:85%; top:15%;}
    80%   {left:36%; top:78%;}
    85%   {left:65%; top:41%;}
    90%   {left:85%; top:26%;}
    95%   {left:58%; top:78%;}
    100%  {left:35%; top:35%;}
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>
            Test
        </title>
      
 
        <script src="script.js"> </script>
  
  <body>
      <h1 id="intro">
        <ins>HÅLL MUSEN PÅ DEN BLÅA FYRKANTEN</ins>
      </h1>
    <div id="arena">
        <div id="cirkle">

        </div>
    </div>

  </body>
</html>

最佳答案

您有几个语法错误。您需要提供一个函数作为参数来定义悬停行为。

像这样调整你的代码:

$(document).ready(function() {
   $('#arena').hover(function() {
      $('#intro').fadeOut('slow');
   });
});

关于JQuery .hover 在不悬停时激活，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34793346/

25

4

0

文章推荐： c++ - GetTempPath 显示与当前不同的用户

文章推荐： ios - 排序数组导致错误的数据显示到单元格中

文章推荐： c++ - Libtiff 的 TIFFOpenW 抛出异常

文章推荐： ios - 根据百分比用颜色填充 UIView

jquery - Google.code 重力脚本(Mr.Doob)在鼠标移动时触发/激活，而不是在(文档).ready 时触发/激活
我目前正在使用发现的重力脚本 here为了在我的网页上创建重力效果，我正在本地开发 atm。我的问题是，重力效果的激活似乎是在鼠标移动时进行的，而我需要它在文档准备好时才触发。 google.cod
ruby-on-rails - 部署 Rails 应用程序时出错。 'can' t 激活 pg (~>0.18), 已经被 pg 1.0 激活
我正在尝试关注 Railsbridge Intallfest 并尝试将我的第一个 Rails 应用程序部署到 heroku。我不断收到以下错误消息: Gem::LoadError: Specified
php - 如何使该脚本在加载后几秒钟出现/激活？
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
jQuery:激活/悬停第一个选项卡
Home-tab 是默认选中的，但是它的颜色是灰色的:( Home Bla Contact
ios - 激活/停用方向变化的约束
我没有得到它的工作，我不知道为什么......遗憾的是其他问题 + 答案没有帮助。测试设备: iPhone 6 iPad 2 相关代码: override func viewWillTransiti
ios - 激活 UISearchBar
我试图加载一个 View ，就像用户已经按下 UISearchBar 一样。我希望 SearchController 加载顶部的 UISearchBar 以及取消按钮。我已经试过了: func ac
ios - 激活/停用代码
试图在 if whiteDotDist < centerRadius - whiteDotRadius 时获取代码执行它下面的所有代码都是事件的，并且当它下面的代码被执行时它再次变为非事件状态直到if
linux - python 激活
我正在使用 anaconda python。所以每次，在我的 mac 终端中，我输入终端命令: source /Users/mylaptop/anaconda/bin/activate /Users/
Angular SwUpdate 激活 deprication
在我的 Angular 项目中，我有这种代码: this.swUpdate.available.subscribe(() => { ... }); 它工作正常，但给了我关于 activated 被
julia - 激活 Julia 虚拟环境
我想弄清楚 Julia 包是如何工作的，因为我喜欢容器化环境。我真的很挣扎。在 python 中，我会做类似 conda create env --name ds 的事情创建环境然后安装容器化包我会
excel - Windows() 超出范围错误。激活
我的宏中有一些代码如下 ChDir File_pth Workbooks.Open filename:= File_pth & "\" & open_tkt Workbooks.Open filena
excel - 除非手动输入，否则使用串联形成的公式不会计算/激活
长话短说，我有两张纸，一张是“原始数据”，另一张是“结果”。我试图让结果表从“原始数据”表的每第七行中提取文本或数字，因此“结果”中的 A1 将是原始数据中的 A1，“结果”中的 A2 将是“原始数据
jQuery UI Accordion 激活
我不知道如何做到这一点，或者我是否可以做到这一点。我有一个 jQuery UI Accordion，多个部分，每个部分包含多个 anchor 标记，每个 anchor 标记都有一个唯一的字符串 id。
iphone - 激活 iPhone 键盘
我不敢相信我还没有找到任何关于此的文档，但我想知道如何命令键盘激活并接收来自它的输入。我可以找到在编辑文本字段时操作弹出键盘的所有示例。谢谢最佳答案您还可以使用 UIKeyInput 协议(pro
electron - 激活 Electron 生成器NSIS安装程序中的日志记录
我正在尝试为我的 Electron 应用程序生成NSIS安装程序的日志。为此，我创建了一个文件'logging.nsh'来定义LogSet和LogText宏。以下是logging.nsh文件的代码:
javascript - knockoutJS 激活/停用值输入
几周前，我开始使用 typescript 和 knockoutJS，我有一个具体的问题，但我有解决方案，它太丑了，我无法忍受，但无法从中得到任何更好的东西，有太多代码需要粘贴，但我会尽力描述我的问题:
django - 激活 virtualenv 时出错
当我尝试激活我的虚拟环境时收到此错误即源 ~/edu-venv/bin/activate -bash: /home/vagrant/edu-venv/bin/activate: No such fil
git - 激活 ADF 触发器而不发布
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。
IntelliJ 上的 Hibernate 激活
我是最近的 IntelliJ Idea 用户，我不知道如何启用 Hibernate。当我右键单击我的项目时，Hibernate 不会出现在“添加框架支持”菜单中(实际上我唯一可以选择的技术是 Groo
git - 激活 ADF 触发器而不发布
要创建触发器，似乎必须发布它才能生效。但是发布需要对“协作”分支进行 PR，这意味着我们甚至在测试触发器是否实际工作之前就必须创建一个 PR，并且还必须创建多个后续 PR，直到我们获得正确的触发器。

首页

博学

6Ren·AI

商城

JQuery .hover 在不悬停时激活