悬停时显示内容（不影响卡片高度）

我有一个块，其中包含悬停时显示的内容。效果的工作方式应该是：.hoverCard默认显示基础内容（.hoverCard__showOnHover中的内容被隐藏）用户将鼠标悬停在.hoverCard上，此时.hoverCard__showOnHover显示其内容，并且.hoverCard__body向上转换（赋予其“打开”效果）可以在我的演示中看到上述内容的视觉效果，但我无法让动画完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28 0  1  440

javascript - 显示与隐藏动画有什么好的方案吗？

例子 就像这个动画一样的效果，div先是隐藏的，点击按钮后显示并且有动画效果，隐藏的时候同样。但我绝对我写的太复杂，有没有更简单的方案呢（不要第三方库）！

阿神 2017-06-30 09:59:55 0  5  1048

javascript - 相册效果如何实现的？用什么插件？

图片点击预览、左右滑动、还有数字，我把链接放到电脑上来，鼠标点击就没有效果了。有没有成熟的插件可以用啊。自己写的遮罩可以实现预览，但是左右切换不是很好写。

PHP中文网 2017-06-30 09:56:05 0  4  785

图像的起点和终点

我正在尝试设置图像的起点和终点。所以我有我的画布和图像，当我将图像放入画布时，我希望当我将鼠标悬停在起点/终点时，它会亮起一个小红色圆圈，这意味着我可以与其他图像创建连接。例如：1)拖动图像。2)将图像放入画布内。3）鼠标悬停到起点/终点，小红点亮起。如您所见，红点仅在悬停时出现。另一个问题，但如果你解决第一个问题很酷，图像不会跟随烤架（正方形）。这是html/js的示例constresistor

P粉511757848 2023-08-31 12:24:51 0  1  574

如何将可折叠元素插入到 Flexbox 布局中

我有一个图像绕行的弹性盒布局，我想在单击图像时显示一些信息。该信息应显示在包含图像的行与其正下方的行之间，而不移动“列”。这就是我想要的效果类型：http://olmenta.altervista.org（当您单击一本书时）。这是我所做的：https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  375

如何使文本在单击时变成新元素（如分隔线）？

我正在尝试找到一种方法，使页面上的某些文本在单击时变成分隔符/新元素。我不知道如何解释它，但是就像，想象一个下面带有标题的图像-单击标题，然后上面的图像变得像一个文本框/不同的图像/可滚动的分隔符。我正在尝试实现此处页面的效果，其中单击右侧的头骨表情符号会导致左侧框中出现一个新的div/图像。我正在查看源代码并检查她做了什么来实现这种效果，但我仍然不确定是什么。我正在尝试使用w3schoolson

P粉872101673 2024-04-04 11:21:03 0  1  3793

求一款javascript地图标记插件

1，有没有这样一款javascript插件可以实现下面这种效果 左侧的三个对象可以拖拽到右侧地图上，拖拽到地图上松开鼠标后会在地图上留下一个标记（用来标记地图位置），松开鼠标后弹出可以编辑的对话框。

怪我咯 2017-05-18 10:49:58 0  1  613

隐藏元素的ReactJS使用方法

我想在屏幕上显示一段文本，并且只有在按下按钮时才隐藏，但我不知道如何做。我想使用useState来实现这个效果：const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>我发现的问题是，当点击按钮时，页面会重新渲染，可见性的值将会变为默认

P粉136356287 2023-09-07 19:21:22 0  2  496

PHP 中的数组：添加新条目时的令人惊讶的结果

所以我正在编写代码，允许我收集Instaloaderpython库收集的图像，并将它们放入我网站上的图库中。我已经设法毫无问题地收集和显示这些内容，但是我现在已经开始为每篇文章实现标题，但我遇到了问题。图书馆下载照片的方式是，如果集合中有多于一张照片，它将根据集合中图像的位置为帖子添加_1、_2等后缀，并提供.txt文件作为标题。集合的示例文件夹内容：2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42 0  1  532

如何在HTML表格中实现图像右对齐

我已经制作了一个Django网站，想要显示我的结果，就像在顶部有一个小表单。在左边有一个表格，我想在右边的表格中添加两个图片和另一列。我已经设计了一个图来更好地解释-在此输入图像描述现在我已经编写了表单1和表格的代码。我也会编写后端代码。我想知道如何编写图片和表单2的html代码，因为它们在表格的右侧。只要写任何html代码，它就会出现在表格下面。有人可以帮助在表格的右侧添加图片和表单2吗？我现在

P粉555696738 2023-09-02 09:04:11 0  1  630

python - flask redirect 重定向问题?

代码如下, 图片能上传成功, 但是图片上传成功后不能显示图片, redirect这样写对么? {代码...} {代码...} ----------更新----------将index路由修改了一下, 达到了想要的效果: {代码...} 但之前的思路不对的么?

phpcn_u1582 2017-05-18 10:48:50 0  1  828

javascript - 关于highchart数据渲染

图片描述 上面的图表是动态添加数据，代码里变量xdata是一个时间，格式是17：21：11，可以打印出来，y轴也可以正常打印。但是现在是Y轴的数据可以正常渲染，但是x轴却不可以显示出来，预期效果应该是显示时间，现...

習慣沉默 2017-06-26 10:53:06 0  1  865

css3 - css字体样式加填充色而不是背景色

有个字体样式如下： 想要在心里面加上颜色而不是整个包裹心的span都有颜色错误的效果如下： span定义如下： {代码...} 如果加上background-color的话会出现上图的效果，直接用color只会心形的边框有颜色，现在想...

天蓬老师 2017-06-08 11:02:27 0  2  1267

css修改图片路径，不起作用

静态网站中修改了css中图片路径，然后上传到服务器，打开网站后，显示的是原来没有修改之前的效果，单独打开图片是可以打开的，修改的图片是绝对路径，这种应该如何处理，谢谢！

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1663

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是Chrome的问题，但我不确定。这是问题的图片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  357

javascript - swiper图片无法划动

题主是用vue写的 因为没有请求的数据就造了些假数据: 这是动态生成的img标签 然后再页面上使用: 但打开chrome看一下效果发现这个不能划动,只能看到初始的那张照片 动态生成的img也是正确 结构如下 但为什么不能划...

黄舟 2017-07-05 10:48:46 0  6  1273

下一个js；某些移动设备上组件中的文本模糊

正如标题所说，我仍然遇到问题，我的nextjs页面上的某些文本看起来模糊，但在某些移动设备上在线。我在一些iPhone上注意到这一点最为明显。这对于移动设备来说是正确的，如果我使用控制台来测试移动布局。这只是我页面上的两个组件的问题。两张卡片都可以翻转以查看背面。它们还使用Framermotion进行动画处理。样式是用Tailwind完成的页面其他部分的常规文本正常显示。这是一个示例图片，您可以明

P粉329425839 2023-09-12 21:31:00 0  1  651

javascript - 为什么这个在本地可以运行，到服务器上面就不能用了

我在本地建了一个html文件，把以下两个代码装进去，然后运行正常，为什么到服务器上面就不行了，是什么原因？在本地可以正常的放大缩小图片在服务器上面运行，点击没有任何效果？ {代码...} {代码...}

ringa_lee 2017-05-19 10:47:15 0  2  920

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 x 形状

首先我想承认我的标题很令人困惑，对此感到抱歉。我想要实现的是悬停时的以下效果：我的网站在这里https://wordpress-493302-3130963.cloudwaysapps.com/我已经成功地使用css转换完成了我想要实现的目标的一半，但无法看到创建按钮的影子副本，如上图所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21 0  2  455

优化React应用程序性能：有效渲染大量项目的方法

我正在开发一个React应用程序，需要显示一个大型的项目列表（数千行）。目前，当用户滚动列表或筛选项目时，性能非常慢。有什么方法可以优化我的React应用程序的性能，以改善用户体验？一些附加信息：-我正在使用React函数组件和hooks来渲染项目列表。-列表中的每个项目包含多个数据字段，包括文本和图片。-我目前正在使用内置的map函数来渲染项目列表。-我正在使用一个库来处理项目列表的筛选和排序。

P粉733166744 2024-01-16 20:43:20 0  1  431