2回答
现在我一直在努力想办法解决这个问题，但没有成功。
下面是6个圆形div。当用户在其中一个上盘旋时，我希望悬停的div扩展一点(放大)，而所有其他div都缩小一点(缩小)。
我测试了以下内容：
#container div:hover {
transform: scale(1.1);
}
#container div:not(:hover) {
transform: scale(0.9);
}
然而，这使得所有的div都保持在0.9 (我希望它们只在其他div中的一个徘徊时收缩。
我还测试了以下内容：
#container div:hover {
transform: scale(
浏览 6提问于2017-06-19得票数 4
回答已采纳
3回答
最近Chris 在他的Css-Tricks博客上，允许列表通过鼠标移动上下滚动。但他将其用于无序列表项。
我很想在我当前的客户端项目上使用它，但是我不知道如何在<dt>项目上使用它
HTML是这样的：
<dl>
<dt><a href="#">Example.net</a></dt>
<dd>
1 dolor sit amet, consectetur adipisicing elit, sed do eiusmod
浏览 0提问于2011-01-22得票数 2
回答已采纳
1回答
我有一个扣子，有一个变化事件。在更改时，要调用ajax post来保存值。在出现错误的情况下，我希望按钮恢复到它的初始状态。
因此，我将初始状态保持为页面加载上的变量(intital)。如果ajax调用失败，在"error“函数中，我将使用'initial‘检查相应的按钮。
问题是，图形按钮没有返回到它的初始值。更糟糕的是，当我对这两个按钮发出警告时，我看到选中的attr设置正确，但没有反映在屏幕上。
感谢帮助，因为我在谷歌上搜索了很多关于这个的信息：-
JS代码：
//keep initial buttonset checked value
var intial = $( &
浏览 0提问于2014-02-20得票数 0
回答已采纳
.hover()有一点小麻烦
我正在抓取一些漂流镜头，这些镜头是在页面加载时被拉进来的。由于某些原因，通过悬停添加类不想对它们进行处理。
尽管它可以很好地处理标准列表。
JS:
$("#dribbble li").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
});
<div id="dribbble">
<ul>
<li>
浏览 0提问于2013-03-11得票数 8
回答已采纳
这在Firefox上工作得很好，但在Chrome或Safari上就不行。我有jQuery描述，并且工作正常，但是当我在该div中的图像中添加一个内联onmouseover / onmouseout时，.hover (.main- .hover )不会显示。它实际上会在我悬停时动态地将状态更改为" block“，但文本块(.main-description)不会显示。
HTML：
<img src="no-hover.png"
width="250" height="250" title="me"
onmouseov
浏览 1提问于2015-12-08得票数 0
(function() {
var nav = $('nav'),
menu = $('nav h1'),
main = $('main'),
open = true,
hover = true;
menu.on('click', function() {
open != open ? false : true;
nav.toggleClass('menu-active');
main.toggleClass('menu-ac
浏览 4提问于2020-04-26得票数 1
回答已采纳
基本上，我有一些密码：
<!doctype html>
<html lang="en">
<head>
<title>Learning JQuery</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></
浏览 3提问于2017-02-03得票数 2
回答已采纳
我正在使用jQuery将.hover类添加到列表项。
$("#list .item").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
然后是jQuery中的样式(我必须提供JS中的样式)
$('#list .item.hover').css('padding-left', '20px');
是否正在应用悬停类，但样式
浏览 7提问于2010-06-09得票数 0
回答已采纳
当一个社交分享图标被点击时，所有其他的社交图标也会被触发。
这是我的HTML。
<div class="share">
<div class="toggle"></div>
<ul>
<li><a id="facebook-icon-hover" href="#"> <i class="facebook-icon-hover fab fa-facebook"></i></a><
浏览 0提问于2021-11-28得票数 0
1回答
我试图动画一个数字，以便它滚动到数字时，页面加载。我正在使用另一个库来显示拨号盘()。我现在面临的问题是，每次我运行它时，这个数字似乎都不一样。它应该是一个一致的数字，以19420结尾。然而，有时它是较低的，似乎没有任何特定的模式。
我的JS代码如下所示：
$(function() {
$('#dial').knob({
min: '0',
max: '25000',
readOnly: true
});
$({
value: 0
}).animat
浏览 2提问于2013-08-16得票数 3
回答已采纳
3回答
所以我有这段代码，它可以工作：
$('.col-main').on('mouseenter', '.product-wrapper', function () {
$( this ).addClass( "js-hover" );
});
$('.col-main').on('mouseleave', '.product-wrapper', function () {
$( this ).removeClass( "js-hover" );
});
但我想让它
浏览 2提问于2016-02-05得票数 1
4回答
如何将其浓缩成单个函数？
、、、
我对JS/JQuery非常陌生，我不知道如何保留这个代码D.R.Y，如果可能的话，我根本不知道。我使用JQuery作为一个图像的悬停效果。Box1是div，img_hover_effect是悬停上的覆盖。
联署材料：
$('.box1').hover(function () {
$('.img_hover_effect').fadeIn(500);
}, function () {
$('.img_hover_effect').fadeOut(400);
});
$('.box2').hover(function
浏览 5提问于2015-06-14得票数 2
回答已采纳
我正在做的代码看起来是这样的-一直到50.(不理想)
可以有从1到100个锚/div组合，但更多的时候不是以个位数，所以几乎总是有许多多余的CSS规则。
我想知道是否有更好的方法来编写CSS / SCSS，而不是手动为每个可能的结果编写代码？或者只有使用JS才能做到这一点？
.content { display: none; }
.anchor-1:hover ~ .content-1,
.anchor-2:hover ~ .content-2,
.anchor-3:hover ~ .content-3,
.anchor-4:hover ~ .content-4,
.anchor-5:hove
浏览 0提问于2020-11-16得票数 1
1回答
倾斜悬停图像
、、、
我要求对此代码进行检查，以确定我是否遵循了常见的最佳实践，或者是否有更好的方法来完成为该代码设定的目标。
我的目的是创建一个图像，以尽可能接近语义的方法将CSS3 rotateY()定位到鼠标的位置，并将其扩展到任意大小。
我的方法是一个简单的Div->Img标记结构，div的大小间接地是图像的大小，这是由于JS中的侦听器被附加到div的设计限制(因此旋转对大小的影响不会影响图像的周围)。
总之，如果我能得到一些批评，我会非常感激。感谢您的阅读!
活版
HTML index.html
<!DOCTYPE html>
<html lang="en">
浏览 0提问于2018-02-06得票数 3
回答已采纳
3回答
html：
我有一个ul列表，每个li都是这样构造的：
<li class="A">list-item
<div>1</div>
<div class="B">2
<div class="C">3</div>
</div>
</li>
其中div C具有css属性display:none；我编写了以下js：
$(".A").hover(function () {
$
浏览 2提问于2013-04-28得票数 1
回答已采纳
1回答
找到了的问题，它把我带到了我自己所能达到的程度。然而，在我的例子中，我得到了多个具有相同类的元素，并且它当前选择了所有这些元素，我可以以某种方式将其指向唯一一个悬停在上面的元素吗？
$(function(){
$('.hover').live('mouseover', function(){
$(this).parent().siblings('.target').css('color','red');
});
$('.hover').live('
浏览 3提问于2020-11-26得票数 0
回答已采纳
初始化js后，我用close类创建了新的<div>元素，on("click")函数不起作用。
$(document).on('click', '.post-close', function () {
alert("hello");
});
但是on('hover')运行得很完美。
$(document).on('hover', '.post-close', function () {
alert("hello");
});
浏览 0提问于2012-10-18得票数 1
2回答
我在我的main.js文件中有一小段代码，我一直使用它来激活整个页面中的各种弹出引导按钮。
// popover 1
var $btn1 = $('#btn1');
$btn1.data('state', 'hover');
var enterShow = function () {
if ($btn1.data('state') === 'hover') {
$btn1.popover('show');
}
};
var exitHide = function (
浏览 1提问于2014-01-27得票数 0
2回答
我有这样的代码，当我在上面徘徊时，它会显示不同的文本，但似乎无法让它正常工作。
$('a.spoiler').hover(function() {
var text = $(this).text();
var content = $(this).attr("content");
$(this).text(content).attr("content", text)
});
它位于HTML页面的头上。
和HTML
<!DOCTYPE HTML>
<html>
<head>
<scri
浏览 0提问于2015-05-04得票数 0
回答已采纳
1回答
因此，我已经将sortablejs添加到我的blazor应用程序中，它可以工作--用于第一个拖放。
首先，下面是正在发生的事情：
Blazor组件代码：
<ul class="ulManufacturers">
@foreach (var m in manufacturers)
{
var mGrayedOut = m.Visible ? "" : "grayout";
var toggleButtonImg = showManufacturerBikes[m] ? "
浏览 1提问于2021-10-15得票数 4
2回答
当我将鼠标移到一个旗帜上时，所有其他旗帜都会切换到悬停状态。但我想要的只是当前元素切换到悬停状态。
<div class="lang-list">
<a href=" index.php" class="nodisplayflag" class="linkhover">
<img class="hover1" src="flag1.png">
<img class="hover2" src="flag1_hover
浏览 2提问于2018-07-19得票数 1
我正在学习JavaScript和jQuery，目前我正在处理以下代码：
$("#hrefBlur0").hover(function() {
$("#imgBlur0").toggleClass("blur frame");
});
$("#hrefBlur1").hover(function() {
$("#imgBlur1").toggleClass("blur frame");
});
$("#hrefBlur2").hover(functi
浏览 4提问于2017-09-12得票数 0
我正在使用codepen来制作一个自定义主页，它工作，直到我导出它比…无法读取null的属性'addEventListener‘。我所有的动画都不起作用。这是我的JS代码
window.onload = function(){
const left = document.querySelector(".left");
const right = document.querySelector(".right");
const container = document.querySelector(".container");
浏览 0提问于2018-01-10得票数 0
4回答
主干事件
、、、
您好，我想知道如何使用backbone和js处理移除悬停状态。
目前我有
events: {
"hover .info" : "hover"
},
hover:(e) =>
$(e.currentTarget).css("background-color", "#333")
我想知道如何处理将鼠标从具有.info类的元素上移开的事件
如果我在hover: event处理程序中执行标准的咖啡脚本，它需要两次悬停才能工作。
我基本上是想模仿
$(".info").hover(
functio
浏览 2提问于2011-10-20得票数 13
回答已采纳
我想显示一个图像，但我仍然无法使它发挥作用。我需要的各个部分就像。
function mouseIn() {
$('.img').addClass('show');
}
function mouseOut() {
$('.img').removeClass('show');
}
$('.hover-me').hover(mouseIn, mouseOut);
.img {
display: none;
}
.img.show {
display: block;
}
<script s
浏览 1提问于2021-01-10得票数 2
回答已采纳
我在垂直菜单栏的上方有一个响应式水平条。水平栏包含子级或下拉式菜单，这些子级或下拉式菜单似乎将垂直菜单栏向下推，而不是悬停在垂直菜单栏上方。
这很可能与我的位置属性有关，我弄错了，但似乎找不到哪里？
任何关于我哪里出错的想法，谢谢。
HTML：
<div class="horizontalmenubar">
<label for="show-menu" class="show-menu">HORIZONTAL MENU</label>
<input type=&
浏览 1提问于2015-04-07得票数 0
1回答
我正在设置一个可以从m3u8播放列表(HLS)播放的网页。我希望处理请求，并从服务器逐个读取数据块，然后将其附加到缓冲区。当播放视频的一些块时，也要清除缓冲区。这与使用MSE https://github.com/bitmovin/mse-demo/blob/master/index.html的示例类似。有没有可能用hls.js做到这一点？
浏览 40提问于2019-01-22得票数 1
有没有办法从css调用我的JavaScript函数？
对于ex，这里是style：
.first-nav li a:hover,
.first-nav li.hover a {
margin:-3px 0 -1px;
height:30px;
position:relative;
background:url(../images/nav-hover.jpg) no-repeat;
}
我想在锚点悬停时调用一个JS函数。
浏览 0提问于2010-03-15得票数 21
回答已采纳
2回答
这是菜单吗？
<div class="navigation">
<ul id="nav-menu">
<li class="active">
<div class="sifr-r active"><a href="#" title="home" class="top-link"><span class="blue-small">01.</span><br
浏览 3提问于2009-08-20得票数 0
1回答
在我的React中，我要实现一个组件，只要鼠标在元素上盘旋，它就会不断地改变位置。我试着用onMouseEnter和onMouseLeave来做这件事，但是我得到的不是我期望的结果。我的元素的位置应该会在游标停留在它上的任何时候不断变化，但是我能够实现第一次单独悬停。下面是我的密码。
Hover.js
import React, { Component } from 'react'
export class Hover extends Component {
state = {
hovered: false,
};
render() {
retu
浏览 1提问于2020-10-30得票数 0
1回答
我正在使用Cufon嵌入带有“清晰打印”字样的<a>标签。
在<a>标签的悬停状态下，我希望文本变为粗体，我如何使用Cufon实现这一点？
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/print-clea
浏览 2提问于2010-07-31得票数 0
回答已采纳
对于多个div，我有相同的div名称(这是在foreach循环中出现的)。现在，我希望有一个js悬停在特定的div上的效果，这个div被鼠标指针所触及。
我的意思是，如果我在第三层和其他10层一样的名字.它只对第三层适用悬停效应。
$(document).ready(function (e) {
$(".hover").hover(function (e) {
$("#hovsw").show();
}, function (e) {
$("#hovsw").hide();
});
});
浏览 6提问于2013-12-08得票数 0
回答已采纳
1回答
我有一个在Vue3中配置了顺风的tailwind.config.js应用程序
可以从tailwind.config.js动态地更改预配置类的值吗？
例如：
tailwind.config.js
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
purge: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
darkMode: false, // or 'media'
浏览 1提问于2021-08-23得票数 1
回答已采纳
我将使用Bootstrap提供的折叠功能。因此，我安装了jQuery和popper.js：
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/hover.css/css/hover.css",
"node_modules/hamburgers/_sass/hamburgers/hamburgers.scss",
"src/styles.scss"
],
"scr
浏览 0提问于2019-07-21得票数 3
回答已采纳
我正在尝试将hover effect添加到span element中，如下所示。
悬停效果不工作时，增加内部风格道具。
但是，如果它是用单独的css文件编写的，它就可以工作。
，我只想知道，为什么会这样？
App.js
import "./styles.css";
export default function App() {
return (
<div className="App">
<span
style={{
fontSize: "4em&
浏览 7提问于2022-07-15得票数 1
我使用材质ui makeStyles进行样式化，并且无法从style.js中选择子元素
style.css
.item:hover > .subListItem {
display: block;
}
当我将它改为内联样式时，它就不起作用了。
style.js
item: {
"&:hover > .subListItem": {
display: "block",
},
},
下面是我如何应用类
<li className={classes.item}>
<Paper elevation={3} c
浏览 3提问于2021-06-06得票数 0
回答已采纳
我需要帮助来转换jQuery代码为Vue js <div class="single-why" v-for="(single, index) in data" :key="index">
<div class="content">
<h5 class="mt-3">100% Certified <
浏览 17提问于2021-03-28得票数 0
回答已采纳
这是我的HTML元素之一。
<textarea type="text" data-class-changer="question" class="questioninputcss js-questioninput" data-integer-question="878"></textarea>
当我将鼠标悬停在某个元素上时，我希望该元素切换为类
我还尝试了addclass和removeclass，但我不确定它们是否会被动画--这是我需要的。在任何情况下，我的脚本都不起作用。
这是我的mouseover脚本，
浏览 1提问于2014-11-13得票数 1
我有一个用javascript创建的元素(在本例中它是一个div元素)。Javascript还用于设置元素背景色的样式。当我这样做的时候，元素的css :hover改变背景颜色不起作用。 script.js box = document.createElement("div");
box.className = "box";
box.style.backgroundColor = "red";
document.body.appendChild(box); style.css .box {
width:100px;
height
浏览 44提问于2021-06-29得票数 2
回答已采纳
当另一个不是父级的<div>为:hover时，是否可以选择特定的<div>
所有这些都只在HTML5/CSS3中，没有JS。
<section>
<div id=first></div>
</section>
<section>
<div class=second></div>
</section>
作为一个例子，我希望<div class=second>在<div id=first>为:hover时显示。
浏览 0提问于2018-02-22得票数 0
对于Web前端编程，由于任何JavaScript都可以为"mouseover“或"mouseenter”为元素设置事件侦听器，如果我们要跟踪负责使悬停框出现的代码是什么？
例如，如果您看到将鼠标悬停在元素上，使用类hover-box-cont，并将grep用于现有的代码库，并且没有出现hover-box-cont事件，这是看起来像是$(".hover-box-cont").mouseover()或mouseenter()的JavaScript代码的一部分(实际上根本没有与hover-box-cont相关的JS代码)，那么有什么好的方法可以跟踪哪些代码负责弹出悬停
浏览 0提问于2016-03-08得票数 1
1回答
使用悬停组-悬停不起作用
我不知道为什么不管用。我认为这个代码是正确的。但这不是改变颜色。总是显示黑色。
<div className="flex items-center md:px-10 sm:h-14 md:hover:bg-gray-100 rounded-xl active:border-b-2 active:border-blue-500">
<Icon className="h-5 text-center sm:h-7 group-hover:text-blue-500" />
</div>
tailwi
浏览 1提问于2021-09-23得票数 1
2回答
我有一个引导4肚脐，我希望另一个部分出现在它下面，当你悬停在一个特定的链接。我写了所有的东西，问题是，因为某种原因，它不起作用。我尝试过使用a:hover div {}和a:hover + div {}来确保它不是CSS的结构。
谁能看看然后告诉我发生了什么事吗？请在全屏上打开片段。
.hover {
background: red;
display: none;
}
#projects:hover + .hover {
display: block;
}
<link rel="stylesheet" href="https://maxcdn.b
浏览 4提问于2017-06-10得票数 1
回答已采纳
2回答
我有一个关于定义客户事件和触发器的一般性问题：
jQuery(document).on('btn.hover', function () {
jQuery('.orange_bubble').hover(function () {
jQuery(this).addClass('hover');
}, function () {
jQuery(this).removeClass('hover');
});
});
现在，我可以调用触发器事件一次触发此事件。
jQuery(doc
浏览 0提问于2013-09-26得票数 0
回答已采纳
1回答
我正在创建一个响应式的html5播放器，目前正在设计css。我遇到的问题是，当在大屏幕上查看时，图像会与.container重叠，而在小屏幕上查看时，不会填满容器。图像必须始终在所有屏幕尺寸上显示相同的大小，并且必须始终填充(高度)容器。
这是一个。我把它们都放在一个div中，用来模拟不同的屏幕大小，只需改变它的宽度，看看会发生什么！
浏览 3提问于2012-10-31得票数 0
3回答
如果在引导弹出中不工作的条件
、、、、
我需要在几种情况下使用引导弹出显示一些内容。
如果属性值大于定义的数字，则应显示popover。
但是在这里，在满足条件之后，popover开始在每个属性中显示。
var number = 3;
$('a').hover(
function() {
if($(this).attr("value") > number) {
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
}
浏览 0提问于2018-09-25得票数 3
回答已采纳
在JS日历完全启动后，将出现下面的HTML，我希望使用AsynchronousViewDefault_CalendarView属性运行JS。然而，它根本不起作用。
否则，是否有任何解决方案来解决我的问题，以确保我可以使用AsynchronousViewDefault_CalendarView属性来运行JS？
HTML:
<div id="AsynchronousViewDefault_CalendarView">
<div class="ms-acal-header">
<div>
<ta
浏览 4提问于2014-04-24得票数 1
回答已采纳
我只是想知道ajax请求是如何运行的，因为我只是意外地在ajax请求中注释掉了我的方法：“get”，但是它仍然得到json文件.我用把手是因为我只是在学。
我的Html
<div class="page-wrap">
<h1>Handlebars Tutorial</h1>
<div id="pets-container">
</div>
<script type="text/x-handlebars-template" id="tem
浏览 1提问于2017-02-17得票数 0
回答已采纳
我试图创建一个菜单，我可以使用一个网站。我在左上角的菜单按钮上有一个很好的小图形，当你在栏杆上悬停时，它会工作。为什么当鼠标悬停在菜单上时，转换没有运行，而当鼠标在条形图上时却运行？
css --
.bars:hover .line-top { transform: translateY(9px) rotateZ(45deg); }
.bars:hover .line-middle { transform: rotateZ(135deg); }
.bars:hover .line-bottom { transform: translateY(-9p
浏览 4提问于2022-02-14得票数 0
回答已采纳
我可以设置整个单词的动画，或者如果我使用任何其他选择器，但是使用blast作为类，我不能设置单个角色的动画。
//used blast.js to seperate each character
$("h1").blast({ delimiter: "character" });
//on hover function to animate each character on hover and used bounce animation using animate.css from github, https://github.com/daneden
浏览 3提问于2018-03-10得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
