首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >JQuery mouseenter()和mouseleave()

JQuery mouseenter()和mouseleave()
EN

Stack Overflow用户
提问于 2013-04-01 13:50:53
回答 6查看 1K关注 0票数 0

所以我得到了这个演示导航,它在旁边有一个小按钮,当你悬停按钮时,它会将菜单滑到窗口中。虽然我已经让鼠标悬停了,但现在当鼠标离开时,它仍然是打开的。如何解决这个问题?顺便说一下,我对jQuery还很陌生

下面是html:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div id="demoNav">
    <button class="open"></button>
    <ul>
        <li><a href="index.html">Home Pagina</a></li>
        <li><a href="product.html">Product Pagina</a></li>
        <li><a href="bestel.html">Bestel Pagina</a></li>
    </ul>
</div>

和我的jQuery:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#demoNav").mouseenter(function(){
       $("#demoNav").animate({marginLeft:'0px'}, 500)
});

如果你需要更多的信息,尽管告诉我,我会提供更多的代码。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2013-04-01 14:05:19

试试这个:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("#demoNav").hover(

function () {
    $(this).animate({
        marginLeft: '0px'
    }, 500)
},

function () {
    $(this).animate({
        marginLeft: '50px'
    }, 500)
});
票数 1
EN

Stack Overflow用户

发布于 2013-04-01 13:54:55

实际上,您并没有让它再次隐藏起来。

也就是说,我想推荐这个CSS替代方案:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
#demoNav {
    transition:margin-left 0.5s ease;
    -webkit-transition:margin-left 0.5s ease;
}
#demoNav:hover {
    margin-left:0;
}
票数 1
EN

Stack Overflow用户

发布于 2013-04-01 13:54:08

添加鼠标保存事件-

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#demoNav').mouseleave(function(){
   $("#demoNav").animate({marginLeft:'50px'}, 500)
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15744751

复制
相关文章
Java中httpClient中的三种超时设置总结
在Apache的HttpClient包中,有三个设置超时的地方: /* 从连接池中取连接的超时时间*/ ConnManagerParams.setTimeout(params, 1000); /连接超时/ HttpConnectionParams.setConnectionTimeout(params, 2000); /请求超时/ HttpConnectionParams.setSoTimeout(params, 4000);
donghui
2019/04/19
2.8K0
recvfrom设置超时
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/163438.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/15
1.9K0
shell 中给命令设置超时时间
在我们写 shell 脚本的时候,有时候想给一个命令设置一个超时时间,当命令执行了多长时间还没有执行完就强制终止;我们可以采用如下方式
张琳兮
2021/04/09
4.7K0
EasyCVR中如何为systemd服务设置ulimit值?
EasyCVR 在 Linux 服务器中如果遇到多路数接入,需要设置 ulimit。这篇文章解释了如何更改 ulimit 限制,例如 systemd 服务的最大打开文件数。在CentOS/RHEL 7 或 8 系统中,/etc/security/limits.conf 或 /etc/security/limits.d/ 中所做的更改对 systemd 服务没有影响。
TSINGSEE青犀视频
2021/12/10
9750
http超时设置 golang
golang提供的http get、post请求是没有设置超时的,但实现生产环境一般都需要设置超时时间。 网上搜索,可以查询到通过设置http.Client中Transport的Dail函数,在自定义的Dail函数里面设置建立连接超时时长和发送接收数据超时: c := http.Client{ Transport: &http.Transport{ Dial: func(netw, addr string) (net.Conn, error) { c, err := ne
李海彬
2018/03/20
3.5K0
python 设置方法超时
#!/usr/bin/python #-*-coding:utf-8-*- import os,time,signal,platform,subprocess class TimeoutError(Exception): pass def run_command(cmd, timeout=60): is_linux = platform.system() == 'Linux' p = subprocess.Popen(cmd, stderr=subprocess.STD
py3study
2020/01/10
2.3K0
修改Apache的超时设置,解决长连接请求超时问题
某日,组内后台开发找到我,问我们的 WEB 服务器超时设置是多少。他反馈的问题是,有一个 VLAN 切换任务 cgi 接口经常返回 504 网关超时错误,要我分析解决下。 我问了一下,得知这个请求遇到
张戈
2018/03/21
15.7K0
修改Apache的超时设置,解决长连接请求超时问题
Socket超时时间设置
于是就报了 java.net.SocketTimeoutException: connect timed out 的异常。
编程大道
2019/07/15
4.8K0
OpenFeign设置超时时间
OpenFeign设置超时时间只需要设置Ribbon的超时时间即可 原因:OpenFeign中使用了Ribbon作为底层支持,Feign调用默认是使用Ribbon进行负载均衡的 #设置feign客户端超时时间(OpenFeign默认支持ribbon) ribbon: #指的是建立连接所用的时间,适用于网络状况正常的情况下,两端连接所用的时间 ReadTimeout: 5000 #指的是建立连接后从服务器读取到可用资源所用的时间 ConnectTimeout: 5000 ---- Op
Reset
2022/12/27
4.3K0
RestTemplate设置超时时间
HttpComponentsClientHttpRequestFactory httpRequestFactory = new HttpComponentsClientHttpRequestFactory(); httpRequestFactory.setConnectionRequestTimeout(10*1000); httpRequestFactory.setConnectTimeout(10*1000); httpRequestFactory.se
JQ实验室
2022/02/10
4.2K0
进程访问外部接口的超时设置
    早上发现WEB SRV上的FCGI进程全部挂住了,查看日志才发现是访问一个外部接口的时候因为失败率比较高,导致FCGI进程都堵在接收回包上了,因为超时设了500ms,结果每个进程每秒只能处理2个请求,大量用户请求失败,所以用户不停地重试产生了滚雪球效应,后来调高进程数临时解决,后面继续梳理超时时间。
王亚昌
2018/08/03
1K0
聊聊ribbon的超时时间设置
spring-cloud-netflix-ribbon-2.0.0.RELEASE-sources.jar!/org/springframework/cloud/netflix/ribbon/RibbonClientConfiguration.java
code4it
2018/09/17
4.2K0
Python设置函数调用超时
http://blog.sina.com.cn/s/blog_63041bb80102uy5o.html
py3study
2020/01/06
3K0
Linux超时自动退出设置
刚接手一台新的Linux机器, 登录后安装环境, 可没多久就自动登出了, 影响工作效率, 看看有什么办法可以设置下.
louiezhou001
2022/02/23
16.6K0
Linux超时自动退出设置
深入理解数据库编程中的超时设置
connect timeout和socket timeout都属于TCP层面的超时。
田守枝
2019/05/21
9.5K0
深入理解数据库编程中的超时设置
curl超时时间设置
ch = curl_init(); curl_setopt(ch, CURLOPT_URL,url); curl_setopt(ch, CURLOPT_TIMEOUT,60);   //只需要设置一个秒的数量就可以 curl_setopt(ch, CURLOPT_HTTPHEADER, headers); curl_setopt(ch, CURLOPT_USERAGENT, defined_vars[‘HTTP_USER_AGENT’]); 2. curl普通秒级超时使用: 复制代码 代码如下: curl_
超级小可爱
2023/02/23
9.1K0
expect脚本中设置超时,比如下面的脚本
文件expect_ssh_scp.sh #!/usr/bin/expect                                                                              #表示使用expect解释器 set timeout 10                                                                                  #设置超时限制为10秒 spawn ssh
拓荒者
2019/07/01
2.9K0
如何为Nginx配置keep-alive超时时间?
不过就像所有事物都有两面性,keep-alive 在某些场景可能也会有不足之处,例如就算是在空闲状态下它还是会消耗服务器资源,因此你可以根据自己的实际需求调整 keep-alive的超时时间,比如调整某台负载较高的nginx服务器 keep-alive 超时时间调整为 30秒。
用户1560186
2019/11/20
14.7K0
Confluence 6 配置 HTTP 超时设置
当宏,例如 RSS Macro 进行 HTTP 请求的时候,有可能因为请求的时间比较长,而导致超时。你可以通过设置系统参数来避免这个问题。
HoneyMoose
2019/01/30
1.7K0
Java web 开发 Session超时设置
在Java Web开发中,Session为我们提供了很多方便,Session是由浏览器和服务器之间维护的。Session超时理解为:浏览器和服务器之间创建了一个Session,由于客户端长时间(休眠时间)没有与服务器交互,服务器将此Session销毁,客户端再一次与服务器交互时之前的Session就不存在了。
MickyInvQ
2020/09/27
1.9K0

相似问题

如何根据资源标签授予对所有AWS资源的访问权限?

11

如何授予Azure Pipeline对网络资源的访问权限?

114

如何以“文件”的形式访问资源

11

对所有形式的PO Box进行测试

10

ASP.NET成员对网络资源的访问

21
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文