我想使用由多种颜色组成的动画，例如<meta name="theme-color" content="..."> ：#87CEFA、#1E90FF、#4169E1...是否可以theme-color在 Android 上的 Chrome 中设置动画？
1 回答
慕村225694
TA贡献1880条经验 获得超4个赞
最后，我使用以下 JavaScript 代码找到了解决此问题的方法。使用此代码，浏览器 URL 栏上的 3 种主题颜色会动态变化。
var themeColorTest = new function() {
function e() {
"#87CEFA" === $themeColor.content ? $themeColor.content = "#1E90FF" : "#1E90FF" === $themeColor.content ? $themeColor.content = "#4169E1" : $themeColor.content = "#87CEFA",
setTimeout(e, 500)
}
this.init = function() {
$themeColor = document.querySelector("meta[name='theme-color']"),
e()
}
};
themeColorTest.init();
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Animation of meta name theme-color</title>
<meta name="theme-color" content="#87CEFA" />
</head>
<body>
<p>More info on the <code>theme-color</code> meta tag is at this <a href="https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android?hl=en">Google Developers Blog Post</a>.</p>
</body>
</html>
添加回答
举报
0/150
提交
取消