悬停是指将鼠标光标放在给定元素上的操作。悬停还可以指启用触摸的设备上的用户触摸给定元素的事件。
我使用收件箱中的悬停功能来阅读主题行,但它会在 2 或 3 秒后消失,而且很多时候我都没有读完。有没有办法设置
prepare("SELECT * FROM tbl_menu WHERE menu_parent=? ORDER BY menu_order ASC"); $q->执行(数组(0)); ...
我想通过更改所有其他 div(/行)上的字体颜色来突出显示悬停时的一个 div。 在此示例中,我希望所有其他类名为“b”的 div 在
。菜单{ 背景色:矢车菊蓝; } .btn 组 .button { 背景...</desc> <question vote="0"> <pre><code><!DOCTYPE html> <html> <head> <style> .menu{ background-color: cornflowerblue; } .btn-group .button { background-color: #4CAF50; /* Green */ border: 1px solid green; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; width: 150px; display: block; } .btn-group .button:hover { background-image: linear-gradient(to bottom, rgb(92, 88, 46), rgb(247, 229, 41), rgb(92,88,46)); color:red; } </style> </head> <body onload="fnOnLoad()"> <div class="menu"> <div class="btn-group"> <button id = "WhatsNew" onclick="btnClick('WhatsNew')" class="button">What's New</button> <button id = "Button1" onclick="btnClick('Button1')" class="button">Button1</button> <button id = "Button2" onclick="btnClick('Button2')" class="button">Button2</button> <button id = "Button3" onclick="btnClick('Button3')" class="button">Button3</button> <button id = "Button4" onclick="btnClick('Button4')" class="button">Button4</button> </div> </div> </body> <script> let curBtn = "WhatsNew"; function fnOnLoad(){ /*alert("In OnLoad"); */ btnClick("WhatsNew"); } function btnClick(btnName){ /*alert("Setting button colors. curBtn = " + curBtn + " btnName = " + btnName);*/ document.getElementById(curBtn).style.backgroundColor = "rgb(33, 31, 31)"; document.getElementById(curBtn).style.backgroundImage = "none"; document.getElementById(curBtn).style.color = "rgb(255, 234, 0)"; document.getElementById(btnName).style.color = "rgb(17, 15, 15)"; document.getElementById(btnName).style.backgroundImage = "linear-gradient(to bottom, rgb(92, 88, 46), rgb(247, 229, 41), rgb(92,88,46))"; curBtn = btnName; /*alert("after curBtn = " + curBtn);*/ } </script> </body> </html> </code></pre> <p>我希望菜单项在悬停或被选中时变为渐变。它现在的工作方式一直有效,直到您选择该菜单项。单击另一个菜单项后,先前选择的菜单项不再执行渐变。</p> <p>如果没有更多详细信息,该站点不允许我发布....如果您尝试上面的代码,第一个项目在启动时会突出显示。当您将鼠标悬停在其他项目上时,您会看到它们突出显示。选择新项目后,当您将鼠标悬停在旧项目上时,旧项目不再突出显示。为什么?</p> <p>感谢任何想法。</p> <p>艾伦</p> </question> </body></html>
我试图在用户悬停在div上时淡入一个音频文件。淡入工作,但在淡出完成之前,音频暂停了。$(function () { ...
React js 。改变Div上的img的onMouseOver功能
我需要您的帮助 :) (但首先, 对不起我的近似英语...). 我想改变'img src'在'div-img'中的'div-img',当我通过鼠标在'a'balise之一...。我尝试onMouseOver,但是......
我想在Woocommerce wordpress中改变产品图片的悬浮效果。
我正在尝试改变我的产品图片在wordpress的woocommerce中的悬停!!! 我尝试了一些插件,我看到像Woocommerce产品图片翻转器和amp; Magni图片翻转Wocommerce,但他们是... ...
如你所见,我有两个类似效果的项目。在第一种情况下,我使用一个叠加元素,以实现你所看到的效果。我想要的是有同样的效果,但有...
当我将表格行悬停时,悬停的颜色不是该行颜色的深色,而是一直是灰色的。代码示例 我少了什么? tr:hover { background: rgba(0, 0,...)
有人找到或知道如何解决元素在悬停时使用CSS缩放变换后出现白色线框的问题吗?我试过的方法有:transform: translateZ(0), -webkit-...
EchartsJS - 有没有一种方法可以监听 "图例 "组件上的鼠标事件?
我有两个并排的图形(饼图和线图),我希望能够在饼图中悬停一个图例时,在线图中突出显示一条线(没有图例切换功能)。鼠标 ...
使用Hover CSS改变整个Div的背景色来显示完整的Div [重复]。
我想把图片或文字悬停在一个div中,想改变整个div的背景色,包括悬停元素的内部div。以下是代码。.hover-div { padding: 20px; ...
我对这一切都很陌生,如果这很明显的话,我很抱歉,但我尽可能地四处寻找解决方案,所以还是这样。我把各种KML文件加载到地图中,包括... ...
我想让一个球不在之前的位置上回球 我怎么能让它留在新的位置呢?我试了很多方法,但它没有帮助。将感激所有的答案。这是我的代码。
无法改变选择选项的默认蓝色背景颜色。尝试了如下的css和HTML option:hover { background: #000 !"important"; color.#fff; } option:checked { ..: #fff; } option:checked { ...
如何使用ID在悬停一个框架元素时调用javascript函数?
我一直在调用mouseenter上的javascript函数,像这样:document.querySelector('a-cylinder').addEventListener('mouseenter', function(evt) { alert("This is a cylinder."); }) ....
我正在学习HTML & CSS,并尝试创建自己的网站。我想添加一个滚动效果,当你点击一个图片(或文字)时,另一个图片就会出现,并取代其他图片。同样的...