gpt4 book ai didi

javascript - 如何通过API代码触发 polymer 纸波纹动画?

转载 作者:行者123 更新时间:2023-11-27 23:56:18 25 4
gpt4 key购买 nike

我尝试了 https://elements.polymer-project.org/elements/paper-ripple 中描述的 $.find("paper-ripple").animate();但这不起作用。

最佳答案

您可以使用 paper-ripple 的 simulatedRipple() 方法。

<!DOCTYPE html>
<html>
<head>
<base href="https://polygit.org">
<script src="/components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="/components/polymer/polymer.html">
<link rel="import" href="/components/paper-ripple/paper-ripple.html">
<style>
.card {
position: relative;
display: inline-block;
width: 300px;
height: 240px;
vertical-align: top;
background-color: #fff;
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}
</style>
</head>
<body>
<template id="demo" is="dom-bind">
<div class="card">
<paper-ripple recenters></paper-ripple>
</div>
</template>
</body>


<script>
var demo = document.querySelector('#demo');

demo.addEventListener('dom-change', function() {
setInterval(triggerRipple, 1000);
});

triggerRipple = function() {
var paperRipple = document.querySelector('paper-ripple');
paperRipple.simulatedRipple();
}
</script>
</html>

关于javascript - 如何通过API代码触发 polymer 纸波纹动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32277017/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com