<element onmouseover="myScript"> <script> function mouseOver() { <!-- Script goes here--> } function mouseOut() { <!-- Script goes here--> } </script>

JS:

函数= object.onmouseover (){myScript}；

或

Object.addEventListener(“鼠标悬停”，myScript)；

Bodymovin使用JavaScript启动动画，所以只需将动画设置为在搜索栏扩展后停止鼠标悬停或鼠标单击，然后将动画设置为在鼠标移出时向后播放。

另一个例子:来源：https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover_html

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").hover(function(){
        $(this).css("background-color", "yellow");
        }, function(){
        $(this).css("background-color", "white");
    });
});
</script>
</head>
<body>

<p>Hover the mouse pointer over this paragraph.</p>

</body>
</html>

我希望这篇文章能给你一个做什么的想法，并对你有所帮助！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46907912

复制

相似问题

问如何将bodymovin动画与函数相结合？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将bodymovin动画与函数相结合？EN