hover html5

日期：2026-05-25 12:35:49 作者：创始人浏览：0

html5 当鼠标放在超链接上时变色显示下划线,不放时不显示下划线颜色为黑色。

HTML5多个过渡动画怎么在鼠标滑动的时候同时显示，也就是不同对象的动画同时显示效果，本人初学……

我上周尝试过这个方法
原始容器称为父容器。

子框称为 box1 、box2 和 box3
实际上可以同时播放动画。

CSS的写法如下：
father:hover > .box1 { 动画：名称向前 0.5 秒；
父级：悬停> .box2 { 动画：名称向前1 s；
父级：悬停> .box3 { 动画：转发2 S名称；
试试这个。

html5用什么来代替 marquee制作滚动字幕呢？

嘿，你是对的，marquee 标签现在已经很少使用了。
2 02 2 年我的官网项目根本就没有用它，当时就转用了JS。

不过，我觉得H5 有一个

，可以通过添加CSS来创建滚动效果。
例如设置溢出：auto；也是固定高度，然后用JS控制scrolltop慢慢改变。
或者更简单的是直接用CSS动画编写@keyframes。
我之前在2 02 3 年1 月编辑过一个移动H5 页面，将内容包裹起来

然后用JS正常添加scrolltop值。

您已发送代码。
JS 逻辑还不错，滚动和暂停的分层控制也很棒。
但请参阅文档。
写到这里……啧，现在基本不需要这个了，直接DOM操作性能好多了。
例如，当我在2 02 3 年3 月更新旧代码时，我一直使用document.createElement和appendChild。
你的clearInterval(marqueeInterval[1 ])条件似乎相反。
应该是 if (document.getElementById("marqueeBox").scrollTop% marqueeHeight === 0)。

如果你觉得这个JS太老了，你可以试试比较流行的Intersection Observer。
尽管它主要用于跟踪元素是否可见，但您可以更改视图和滚动。
或者直接使用CSS3 动画。
例如，我在制作2 02 3 年5 月的活动页面时，使用了动画：marquee 1 0s 线性无限；并添加了@keyframes。

想尝试一下

添加JS控制滚动顶部的解决方案吗？我在 2 02 2 年 1 2 月升级了它，它比我的大帐篷好得多。