0
A
回答
0
要与特定页面交互,您需要使用注入脚本。这是放置在名为includes
的文件夹内的JavaScript文件(实际为UserScript/UserJS)。
在这个文件中,您可以将CSS代码提供给工具提示,例如http://sixrevisions.com/css/css-only-tooltips/,然后将CSS附加到页面中的样式元素。
这个例子应该给你的东西建立在:
// includes/injected.js
window.addEventListener('DOMContentLoaded', function() {
// Set the CSS for the tooltip
var tooltipCSS = '.tooltip {position: relative;}.tooltip span {margin-left: -999em; position: absolute;} .tooltip:hover span {border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px;} .classic {padding: 0.8em 1em;} * html a:hover {background: transparent;} .classic {background: #FFFFAA; border: 1px solid #FFAD33; color: #333333;}';
// Set the text for the tooltip
var tooltipText = 'This is a tooltip';
// Add the CSS to the page
var style = document.createElement('style');
style.textContent = tooltipCSS;
document.head.appendChild(style);
// Loop through all links to add "tooltip" class and extra <span>
var links = document.getElementsByTagName('a');
for (var i = 0, len = links.length; i < len; i++) {
links[i].classList.add('tooltip');
links[i].innerHTML += '<span class="classic">' + tooltipText + '</span>';
}
}, false);
相关问题
- 1. Typoscript:覆盖扩展的Typoscript
- 2. 在HTML中扩展Flash,覆盖Firefox,Chrome,Opera中的文本链接
- 3. Playframework扩展/覆盖点
- 4. 覆盖和扩展原型
- 5. PHP FileInfo扩展php.ini覆盖
- 6. 扩展SKAction以覆盖timingMode
- 7. 从扩展Flexform覆盖TCEFORM
- 8. 如何扩展/覆盖UserManager
- 9. 覆盖无需扩展类
- 10. (覆盖||扩展)JavaScript方法
- 11. 覆盖扩展方法C#
- 12. Chrome扩展覆盖css
- 13. 覆盖扩展方法
- 14. 覆盖扩展文件(Android)
- 15. Opera扩展 - persona.ini
- 16. 覆盖铬扩展中的JavaScript警报
- 17. 扩展器覆盖Silverlight中的控件
- 18. Chrome扩展中的Useragent覆盖
- 19. 覆盖和扩展CodIgniter中的类
- 20. 在控件扩展中,覆盖或addHandler?
- 21. 在TypeScript中扩展不覆盖模块
- 22. 在Firefox扩展覆盖中更改javascript
- 23. Django的:扩展覆盖的模板
- 24. 覆盖现有的Eclipse插件扩展
- 25. 的Java扩展和覆盖方法
- 26. 试图覆盖NSView的扩展类drawRect
- 27. 拒绝覆盖的扩展接口
- 28. 扩展,修改或覆盖Joomla的bootstrap.php?
- 29. jQuery的JavaScript覆盖/扩展事件
- 30. 覆盖持久iFrame的Firefox扩展?
我觉得你有与歌剧HTML做到这一点。但是,无论如何,请查看http://dev.opera.com/articles/view/opera-extensions-buttons-badges-and-popups/ – c69 2012-08-07 21:28:45