Tag: hover

iPad / iPhone盘旋问题导致用户双击链接: 我有一些我以前build立的网站，使用jQuery的鼠标事件…我只是得到了一个ipad，我注意到，所有的鼠标hover事件翻译点击…所以例如，我必须做两个点击，而不是一个..（第一个hover，比实际点击）有没有解决方法可以解决这个问题？也许一个jquery命令我shoudl使用，而不是鼠标hover/出等。谢谢！

淡入淡出对链接hover的影响？: 在许多网站上，比如http://www.clearleft.com ，你会注意到，当链接hover时，它们会褪色成不同的颜色，而不是立即切换默认的动作。我认为JavaScript是用来创造这种效果，有谁知道如何？

添加hover文本没有JavaScript像我们hover在用户的声誉: 在计算器中，当我们hover在用户的声望上时，我们看到一个文本。我在很多地方看到过这个，源代码告诉我可以在没有js的情况下完成。而我试图得到只有这个 – <div="text">hover me</div>

图像移动hover – 铬不透明问题: 我的网页似乎有一个问题： http : //www.lonewulf.eu 当鼠标hover在缩略图上时，图像右移一点，而且只发生在Chrome上。我的CSS： .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

当鼠标hover在绝对div上时，jQuery禁用滚动: 我试图禁用鼠标hover在div上的窗口鼠标滚动function – 以便只有div滚动启用 – 当鼠标移离div – 滚动到窗口再次应用。 div绝对定位。我见过这个post使用jquery禁用鼠标滚轮function，当鼠标光标在一个div内？但似乎没有提供任何答案 – 因此我的问题。我假设它会是这样的（如果只有这些方法存在）： $('#container').hover(function() { $(window).scroll().disable(); $(this).scroll().enable(); }, function() { $(window).scroll().enable(); });

hover时如何在图像上显示文字？: 我试图显示一个描述时，hover在图像上。我已经做了一个不太可取的方式，使用图像精灵和盘旋在这里： http : //willryan.us/design.html我希望它看起来完全像我有，但使用真正的文字，而不是图片。我尝试了一些不同的东西，但我似乎无法弄清楚如何做到这一点。我试图只使用HTML和CSS，但我不知道这是可能的。随意在我的代码中徘徊，我会粘贴我认为是相关的在这里。 HTML <div id="projectlist"> <div id="buzzbutton"><a href="buzz.html" title=""><img src="content/assets/thumbnails/transparent_150x150.png" alt="" /></a></div> <div id="slinksterbutton"><a href="slinkster.html" title=""><img src="content/assets/thumbnails/transparent_150x150.png" alt="" /></a></div> </div> CSS div#projectlist { width: 770px; margin:0 auto; margin-top:20px; margin-bottom:40px; } div#buzzbutton { display:block; float:left; margin:2px; background: url(content/assets/thumbnails/design/buzz_sprite.jpg) 0 0px no-repeat; width: 150px; height: 150px; } div#buzzbutton:hover { background:url(content/assets/thumbnails/design/buzz_sprite.jpg); width:150px; […]

SVG USE元素和：hover样式: 我试图使用CSS :hover伪类从<defs> <use>标签样式embedded从<defs>embedded的SVG元素，但它似乎不工作： – /这里是我的代码： <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"/> <style type="text/css" media="screen"> .active { fill: #0BE; } .active:hover { opacity: 0.8; stroke: #F0F; stroke-width: 4px; } .active2 #p2 { fill: #0BE; } .active2:hover #p2 { opacity: 0.8; stroke: #F0F; stroke-width: 4px; } #p2:hover { opacity: 0.8; stroke: #F0F; stroke-width: […]

延迟：hover在CSS3？: 有没有办法延迟：hover事件不使用JavaScript？我知道有一种方法可以延迟animation，但是我没有看到延迟hover事件。编辑… 对不起，我应该包括这个开始…我正在build立一个像菜单的鱿鱼。我想模拟什么hoverIntent没有增加额外的JS权重。我宁愿把这看作是一个渐进式的增强，而不是让JS成为使用菜单的必要条件。更新这是最后的代码… http://jsfiddle.net/aEgV3/ 感谢所有的帮助！

在移动浏览器上禁用hover效果: 我正在编写一个网站，旨在从桌面和平板电脑中使用。从桌面访问时，我希望屏幕上的可点击区域具有以下特性:hover效果（不同背景颜色等）使用平板电脑时，没有鼠标，因此我不希望有任何悬浮效果。问题是，当我点击平板电脑上的东西，浏览器显然有一种“隐形鼠标光标”，它移动到我点击的位置，然后离开它 – 所以我刚刚点击的东西点亮了一个hover效果，直到我点击别的东西。当我使用鼠标时，如何获得hover效果，但在使用触摸屏时会将其抑制？如果有人想提出这个build议，我不想使用用户代理嗅探。相同的设备可以同时具有触摸屏和鼠标（今天可能不那么常见，但在将来会更加如此）。我对该设备不感兴趣，我对如何使用鼠标或触摸屏感兴趣。我已经尝试过hook touchstart ， touchmove和touchend事件，并且在所有这些事件上调用preventDefault() ，这样做在一定程度上抑制了“隐形鼠标光标”。但是如果我在两个不同的元素之间来回切换，几次点击之后，它就会开始移动“鼠标指针”并照亮hover效果 – 就像我的preventDefault并不总是被尊重。除非有必要，否则我不会对您有任何疑问 – 我甚至不知道这是正确的做法。如果任何人有一个更简单的修复，我都耳朵。编辑：这可以用bog标准的CSS :hover ，但这里有一个快速repro作为参考。 <style> .box { border: 1px solid black; width: 150px; height: 150px; } .box:hover { background: blue; } </style> <div class="box"></div> <div class="box"></div> 如果你把鼠标放在任何一个盒子上，它会得到一个蓝色的背景，我想要的。但是，如果你点击任何一个框，它也会得到一个蓝色的背景，这是我试图阻止的事情。我也在这里发布了一个样例，并且还钩住了jQuery的鼠标事件。您可以使用它来查看轻敲事件也会触发mouseenter ， mousemove和mouseleave 。