问题标签 [mouseover]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
570 浏览

thumbnails - OnMouseOver works but the small thumbnail remains as red X only - how to show the thumb?

I'm using the following so that site visitors can click on a thumbnail (in this case its called tn_guinness-label.jpg) and when they do click, a larger image appears (in this case called guinness-label.jpg). So.... I tried it and all I could see was a tiny box with a red X inside, and when I hovered my mouse over the red X, it worked as it should and showed me the larger image.

Why didn't it show me the thumbnail before I did mouseover? Plus, after I had completed the mouseover and then took my mouse away, I could then actually see the thumbnail image, which then stayed on view. So.... what am I doing wrong because the thumbnail did not show initially, it only showed after I had completed the mouseover. Thank you for your help. The following is what I'm using (aspx pages... with Visual web Developer free version)

If solution cannot be given for the above, I'm happy to receive any info whatsoever on how to achieve mouseover effects on a thumbnail, in aspx pages. Many thanks.

LisaMac

0 投票
2 回答
4998 浏览

css - 在鼠标悬停时更改图像地图的背景

在我的网站中,我有一个图像作为导航栏,并创建了热点以将它们链接到不同的页面。问题是由于文本是图像的一部分,我无法更改悬停时文本的样式。而我希望文本/热点在鼠标悬停时突出,所以我知道背景颜色可以在鼠标悬停时更改。那可能吗?有没有办法在 CSS 中使用区域或地图来做到这一点。如果要使用 Javascript,有人可以帮我解决这个问题。

0 投票
2 回答
3697 浏览

html - 使用 CSS 更改圆角按钮的颜色

提前感谢一堆!

我能够使用 CSS 制作一个圆角按钮。我喜欢能够将鼠标悬停在按钮上,整个东西都会改变它的颜色,而不仅仅是最里面的 div。请帮忙!

我的假设是我应该有一些带有onmouseover =“”的javascript,对吗?

这是页面:http ://biozenconsulting.com/new/

(另外,我如何摆脱在 IE8 和 Chrome 中查看时出现在右上角的小框?)

这是 HTML 代码:

这是CSS:

0 投票
1 回答
3171 浏览

wpf - WPF/XAML/C# 在 MouseOver 上设置布尔变量

如果我在ViewModel类中有一个布尔变量,可以说

public bool test = true;(这是在 C# 中)

XAML/Expression Blend 中是否有任何方法来获取此变量并将其更改为 false USING PURELY XAML,没有后面的代码或任何东西?

我想为鼠标悬停事件执行此操作。如果鼠标悬停在某个对象上,则布尔变量应变为假,否则应保持真。

0 投票
1 回答
754 浏览

design-patterns - 拖放和鼠标设计模式?

是否有任何与拖放和鼠标手势相关的经过充分研究的设计模式?考虑一个包含具有特定布局的父子层次结构中的对象的画布。可以使用鼠标将某些对象拖放到其他对象上。此外,可以用鼠标调整对象的大小和移动。

对象上的不同热点根据用户状态(拖动、选择)表现不同。对于拖放操作,一些元素是:1) 源对象的用户视觉反馈 2) 拖动过程中用户的视觉反馈 3) 拖放区域检测 4) 跌落兼容性测试 5) 跌落动作

标准 API 倾向于将这些组合成相当单一的代码。

此外,移动和调整大小等手势具有某些共同点:1)当鼠标在调整大小/移动区域时给用户的视觉反馈2)移动/调整大小操作期间的视觉反馈3)完成/取消操作。

问题是,有没有一种方法可以简化代码,分离视觉和文档级别的职责,以及可能的大部分声明?

例如,确定鼠标下方的点是否为放置目标,可能会使用某种形式的命中测试与责任链模式相结合。

我觉得必须有良好的设计模式为这个原本混乱的问题带来纪律和组织。

干杯,

0 投票
1 回答
459 浏览

javascript - 最佳实践问题:带有子 DIV 和备用页面状态的现代菜单

问候!我对您对使用现代方法(jQuery?)处理网站菜单系统的最佳实践的反馈感兴趣。

旧方式(目前到位):

正如您所看到的,每个导航链接显示和隐藏基于鼠标悬停的各种 DIV(子菜单)。站点中的每个页面都必须具有不同的初始子菜单/DIV 状态,因此我有额外的 onmouseover 触发器连接到各种 DIV,因此如果访问者将鼠标移动到页面的其他部分,原始菜单状态会“快速”返回:

我知道我的方法会受到打击,并且还有其他更好的方法/技术来处理这个问题。

总而言之,我正在寻找:

1)菜单系统代码的集中管理(我现在正在使用 INCLUDE,我希望它是正确的) 2)处理鼠标悬停和子菜单显示的更好方法。3) 当鼠标移离菜单区域时,处理“快速”返回效果的更好方法。

提前感谢您的反馈!祝你有美好的一天!

0 投票
3 回答
14654 浏览

html - 鼠标悬停时更改图像

我有一个简单的 html/css 页面,我在其中展示了一张图片。

现在,当用户在图片上移动鼠标时,我想将图片换成其他图像。
离开图像区域后,旧图片应再次显示。

我怎样才能做到这一点?最好不要使用 javascript 的版本。

提前致谢!

0 投票
1 回答
3845 浏览

html - Firefox 和 IE8 不显示图像映射的鼠标悬停替代文本的问题

我有以下 HTML:

当我在使用 IE7 时将鼠标悬停在图表上的区域上时,Alt 文本(“第一个点”和“第二个点”)正确显示为工具提示,但在使用 Firefox 或 IE8 时它们不显示。

任何想法为什么?

该示例可以在这里看到

0 投票
5 回答
13547 浏览

jquery - 鼠标悬停时的棘手延迟

这是我目前拥有的:

它的作用是:

如果鼠标悬停 #cart-summary -> 500 毫秒后打开 flycart

如果 mouseout .flycart -> 500ms 后关闭 flycart

我需要的是:

如果鼠标悬停在#cart-summary for ATLEAST 500ms -> open flycart

如果 mouseout .flycart 至少 500 毫秒 -> 关闭 flycart

编辑添加:我也使用hoverIntent,如果可以在这里使用?

非常感谢!

0 投票
2 回答
9327 浏览

jquery - 带有悬停意图的延迟

...这可行,但有两个问题:

  1. 它似乎没有像它应该的那样等待 5 秒,无论我设置什么,它几乎都会立即打开。

  2. 影响在同一页面上使用 hoverintent 插件的所有元素。

我真的很感激任何帮助。谢谢!