gpt4 book ai didi

javascript - 单击按钮后如何将文本颜色更改为 gif(背景剪辑)?

转载 作者:太空宇宙 更新时间:2023-11-04 06:44:08 25 4
gpt4 key购买 nike

几个星期以来,我一直在思考如何编写脚本:-

function Myfunction() {
document.getElementById('d').style.weblitbackgroundClip ="url('https://upload.wikimedia.org/wikipedia/commons/5/5d/BurningFlame0.gif')";
document.getElementById('d').style.webkitbackgroundClip ="text";
}

当我使用 onClick="Myfunction"

单击按钮时它不起作用

我的脚本有什么问题吗,或者它不会在 Internet 上运行?

'd' 是我文本的 id

最佳答案

你可能想要这样的东西:

将其放入您的样式中:

<style>
#container {
background:no-repeat center center;
background-size: 100%;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
</style>

并且应该有这样的标签结构:

<body>
<div id="container">
<h1>hello world</h1>
</div>
<button onclick="Myfunction()">click on me</button>
</body>

最后在你的脚本中写:

<script>
function Myfunction(){
document.getElementById('container').style.backgroundImage = "url('https://upload.wikimedia.org/wikipedia/commons/5/5d/BurningFlame0.gif')";
}
</script>

    function Myfunction(){
document.getElementById('container').style.backgroundImage = "url('https://upload.wikimedia.org/wikipedia/commons/5/5d/BurningFlame0.gif')";
}
    #container {
background:no-repeat center center;
background-size: 100%;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
    <div id="container">
<h1>hello world</h1>
</div>
<button onclick="Myfunction()">click on me</button>

关于javascript - 单击按钮后如何将文本颜色更改为 gif(背景剪辑)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53456218/

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