悬停按钮滑动

时间:2016-03-12 22:11:38

标签: javascript html css

我被迫将导航栏放在中间位置,因为我的下拉框宽度为300像素;我想要按钮"登录"在右侧,当您将鼠标悬停在"登录"上时,宽度从右向左滑动,因此下拉框宽度适合页面。当您移除鼠标指针时,按钮从左向右滑动,处于" normal"位置。

我一直在玩这个,但是如何解决它不会自动再次滑回而不是按下按钮?

This is how I would like it

This is how it is now

Width of the dropdown box

1 个答案:

答案 0 :(得分:1)

你的帖子有点让人难以理解。目前,代码要求您按下按钮以首先显示,然后隐藏元素。我得到的是你希望这是自动的。

执行此操作的一种方法是,仅桌面解决方案是使用悬停而不是单击。但是这会产生一些自己的问题(无法快速点击登录),我不确定你是否想走这条路。

$(".myButton").hover(function () { /* Do this */ });

相关问题