什麼是交叉瀏覽器替代Webkit/Html通知最好在jQuery/CSS。基本上,我想要的東西,可以從頁面的像WebKit的通知跨瀏覽器替代Webkit/Html通知
1
A
回答
1
這裏一個小演示,可能會給你一些想法...
演示:http://jsfiddle.net/wdm954/XEHZw/
基本上我使用的是fixed
的位置div
來創建一個小框,在某個事件觸發的頁面上滑入視圖(在此示例中單擊)。
+0
「類似咆哮」的解決方案的問題在於,當用戶使用另一個(可能是桌面)工具時,他們僅在第二個平面中顯示瀏覽器的真實用處時才顯示在頁面內部並有非侵入性的通知 – 2012-06-26 21:10:52
0
function notify(msg, delay) {
var box = document.createElement('DIV');
box.id = 'notification';
// you should just style #notification in css, but w/e
box.style.position = 'fixed';
box.style.bottom = '10px';
box.style.right = '10px';
box.style.width = '200px';
box.innerHTML = msg;
document.body.appendChild(box);
setTimeout(function() {
box.parentNode.removeChild(box);
}, delay);
}
使用右下角彈出它想:
notify('sup dude', 1000);
編輯:jQuery的版本:
function notifyJquery(msg, delay) {
$("body").append('<div id="notification" />').css({
'display': 'none',
'position': 'fixed',
'bottom': '10px',
'right': '10px'
}).text(msg).fadeIn(400).delay(delay).fadeOut(400);
}
notifyJquery('sup dude', 1000);
相關問題
- 1. 跨瀏覽器替代document.body.innerHTML
- 2. 跨瀏覽器showModalDialog替換
- 3. Css跨瀏覽器代碼
- 4. 全屏瀏覽器窗口與JavaScript(跨瀏覽器)或替代品?
- 5. WPF Web瀏覽器替代
- 6. querySelectorAll替代IE瀏覽器
- 7. SNS通知瀏覽器
- 8. 跨瀏覽器與多瀏覽器
- 9. 替代Mozilla的explicitOriginalTarget「跨瀏覽器功能
- 10. 跨瀏覽器數據可視化替代Protovis?
- 11. 跨瀏覽器擴展開發替代品
- 12. Canvas2Image或HTML5下載屬性的跨瀏覽器替代方案?
- 13. 是否存在xhr.overrideMimeType()函數的跨瀏覽器替代方案?
- 14. 跨瀏覽器css
- 15. 跨瀏覽器javascript
- 16. ClickOnce跨瀏覽器
- 17. 跨瀏覽器CSS
- 18. 跨瀏覽器localStorage
- 19. Javascript:document.execCommand跨瀏覽器?
- 20. 跨瀏覽器CSS
- 21. .htaccess跨瀏覽器
- 22. HTML:跨瀏覽器
- 23. document.evaluate - 跨瀏覽器?
- 24. 跨瀏覽器xmlhttprequest響應與加載通知
- 25. 跨瀏覽器腳本代理
- 26. ajax跨瀏覽器代碼兼容性
- 27. 編寫跨瀏覽器JavaScript代碼
- 28. 通過Selenium獲取scrollheight跨瀏覽器
- 29. 跨瀏覽器服務器發送的事件或替代方案,包括Microsoft瀏覽器
- 30. 替代的toLocaleString()的Safari瀏覽器
從頁面的右下角或從桌面的右下角?而你實際上正在討論HTML5通知,就像[這個問題](http://stackoverflow.com/q/3003857/258127)中所描述的那樣? – 2011-06-03 18:06:42
我的意思是頁面/瀏覽器的右下角。我不認爲第二個是可能的 – aWebDeveloper 2011-06-03 18:16:49