我正在尝试使用Chrome扩展程序淡入和淡出整个页面。
我从一个将背景变成红色的示例开始，然后尝试向主体添加fadeOut功能，但是该部分不起作用-仅红色部分起作用。
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
// No tabs or host permissions needed!
console.log('Turning ' + tab.url + ' red!');
chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="red"; document.body.fadeOut();'
});
});
有任何想法吗？另外，我试图找出document.body和$（'body'）之间的区别。我是javascript的新手，似乎当我搜索解决方案（即“如何在javascript中淡化整个页面”）时，它们使用$（'body'），而chrome扩展代码使用document.body。我不确定它们是否兼容。谢谢！
由于您仅使用Chrome，因此无需jQuery就可以做到这一点。
更改代码行以运行：
document.body.style.backgroundColor="red";
document.body.style.transition = "opacity 1s ease-in-out";
document.body.style.opacity = 0;
您可以在开发工具的控制台窗口中尝试此操作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句