hover相关内容
我有 2 个不同尺寸的 div 一个放在另一个上.所以有一个共同的交叉路口.两个 div 都有 CSS :hover 规则集.如果我将鼠标悬停在每个 div 上,则该规则适用.但是,如果我在交叉区域上移动,则只会启动顶部 div 悬停. 当鼠标悬停在交叉区域时,我希望 :hover 规则对两个 div 都起作用. 请参见 jsfiddle 的示例代码 将鼠标悬停在 div 上时,
..
我想显示第二个 div(在 HTML 中),类 dikha 将光标悬停在锚标记上. HTML 代码: 将鼠标悬停在我身上!
sdjfg
悬停时显示的内容 风格 div {显示:无;}一个:悬停>div:nth-child(2) {显示:块;背景颜色:红色;高度:250px;宽度:960p
..
我有一个设置为溢出的 div:scroll;.我得到了我想要的滚动条.但是,当使用鼠标滚轮滚动 div 时,它会在到达 div 内容的顶部或底部时滚动页面的其余部分. 如何根据悬停的内容仅滚动 div 或整个页面? 解决方案 首先我不认为你可以覆盖滚动事件.所以这就是我要做的.我不知道 jquery,但这里有一些直接的 javascript. document.getElement
..
我希望有人能救我!我正在尝试为我的页面创建一个(希望如此)简单的旋转横幅.我有 7 个包含照片和文字的 div,它们如下:
示例文本
示例文本
示例文本
示例文本
..
我正在尝试创建一个带有图标的按钮像这样: HTML:
发送电子邮件 CSS: #button {宽度:270px;高度:50px;字体大小:1.4em;颜色:#333;背景颜色:#555;位置:相对;}#按钮 >.图标 {宽度:61px;高度:39px;背景图片: u
..
我想在 StaticBitmap 上创建悬停效果 - 如果鼠标光标在位图上,则显示一个图像,如果不是,则显示第二个图像.这是一个简单的程序(与按钮完美配合).但是,StaticBitmap 不会发出 EVT_WINDOW_ENTER、EVT_WINDOW_LEAVE 事件. 我可以使用 EVT_MOTION.如果光标在图像边缘时切换图像,有时切换不起作用.(主要是在边缘快速移动). 示
..
我有一个带有悬停状态的简单菜单:
首页 1
1.1
1.2
1.3 CSS: #m
..
听起来是一个简单的问题,但解决起来却非常具有挑战性.对于某些网站,我的内容只有在用户悬停/聚焦链接时才会显示.然而,链接本身有一个目标. 如果触摸屏用户点击其中一个链接,浏览器会立即转到 href 位置.这意味着悬停内容永远不可见! 这就是为什么没有鼠标(或像魔术遥控器一样悬停的其他设备)的用户应该看到替代内容的原因.但是我该如何检测呢? $(document).on('clic
..
我正在尝试在列表中添加 facebook“like 按钮"和 twitter“tweet 按钮",我的列表结构是: css 是: listItem iframeContainer {display:none;}listItem:hover iframeContainer
..
我使用 XML 文件来显示具有 2 种状态(正常、按下)的按钮.如何知道何时按下按钮?是否有类似 onClick --> onPressed 之类的事件,或者我怎样才能找到它? 这是我使用的 XML 文件:
..
我想设置一个固定的
,包含一个图标,当鼠标悬停在上面时会从右向左展开(
展开,而不是图标),在图标左侧显示一段文字.图标的位置保持不变.这是一个草图来帮助说明我想做的事情: 在悬停时更改
的大小没有问题,我只需添加一个宽度更大的类(包括为展开动画制作的过渡).但我在元素的定位上挣扎.我将图标和文本(在 内)放在单独的
中,并尝试使用 f
..
我有一个应用程序通过循环创建一堆 div. 每个 div 都有“产品"类 看起来像
!......这里的东西......!
...这里的按钮... 所以每页大约有 12 个相同的 div. 我想将鼠标悬停在一个特定的上方并显示最初设置为 display:no
..
我有一些缩略图,我想在悬停时在它们上面显示一些文字.我可以让它们在悬停时变暗,但不知道如何添加文本. 示例:http://www.lenzflare.com/video-production-portfolio/ 这是我所做的: 一个 {显示:内联块;溢出:隐藏;位置:相对;}一:悬停.播放{背景:url(http://goo.gl/yJqCOR) 无重复中心;不透明度:0.8;位
..
我可以在 hover() 中传递一个变量吗? 正如在下面的脚本中,我不想两次声明同一个变量 var target = xxx 并且我不想让这个变量成为全局 target = xxx bcos 我有其他函数使用这个变量名 - 目标. $('.image-profile').hover(function () {var target = $('.button-change-image-pro
..
我使用下面的方法来制作一些动画.但是,当我快速进出鼠标并将其停在 div 内时, fadeIn() 不起作用并且 div保持透明. $(".grids").hover(function() {$('.gridscontrol').stop().fadeIn(200);}, 功能() {$('.gridscontrol').stop().fadeOut(200);}); 解决方案 .stop(
..
我正在尝试构建一系列在悬停时放大的缩略图.我的初步构建通过使用 CSS3 transform:scale 和 ease-in-out 来完成放大/缩放部分.问题是它们彼此重叠,因为它们共享一个 z 轴. 任何人都可以帮助我在此场景中创建一个 javascript 添加,以正确地将每个缩略图定位在有意义的 z 轴上,即每个放大的图像都调整大小以位于其他图像的顶部. 在我的网站上进行演示:
..
..
使用 CSS3,我将背景图片设置为封面.首次在 Chrome 中加载页面并将鼠标悬停在链接上时,文本周围的背景会发生轻微变化(但非常明显).我正在为悬停使用过渡,但背景偏移也会随着过渡的移除而发生. 我的猜测是背景在悬停期间正在调整大小,但我不确定如何防止这种情况发生.移动后,您可以毫无问题地翻转其他链接.刷新页面后,问题依旧. 网站在这里:http://tylerbritt.com/
..
我的网站上有一个不错的小悬停效果,当用户悬停在链接上时,它会快速过渡.但是当用户将鼠标悬停在盒子上时,阴影(和其他特征)会立即消失,而不是淡出.有没有办法让属性同时淡入和淡出,也许使用某种 :un-hover 类型的伪类?谢谢!如果有帮助,这里是 CSS 块: a.squares:hover, a.squares:active {颜色:黑色;背景颜色:#E8E8E8;盒子阴影:0 0 12px
..
首先,我想只使用原生 JavaScript 来完成这项任务. 假设我要制作一个自定义下拉菜单,HTML 代码看起来像这样.
选择一个东西
项目 1
..