0
在臉書我們可以看到你有4個朋友的請求或相同的喜歡通知在右側的小郵件圖標,點擊它後,彈出顯示與接受按鈕,然後它會消失並保留三個將顯示。在asp.net上彈出的按鈕點擊或圖標(通知)
同樣的事情,我需要在asp.net中做一些產品審批的目的。
任何建議表示讚賞。
在臉書我們可以看到你有4個朋友的請求或相同的喜歡通知在右側的小郵件圖標,點擊它後,彈出顯示與接受按鈕,然後它會消失並保留三個將顯示。在asp.net上彈出的按鈕點擊或圖標(通知)
同樣的事情,我需要在asp.net中做一些產品審批的目的。
任何建議表示讚賞。
您可以使用Javascript或'純CSS'實現'模態彈出'功能;後者甚至可以在JavaScript禁用的情況下工作。下面是作爲純CSS3/HTML5溶液實現模式彈出演示的鏈接(無任何JavaScript編程):http://webinfocentral.com/html5/ModalPopUp.htm
它基本部分利用target
屬性如示於下列表:
/*** pop-up div to cover entire area ***/
.divModalDialog {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
/*! important !*/
display:none;
/* last attribute set darkness on scale: 0...1.0 */
background-color:rgba(0,0,0,0.8);
text-align:center;
z-index:101;
}
/*** ! target attribute does the job ! ***/
.divModalDialog:target { display:block; }
參見到我的文章(http://www.codeproject.com/Tips/170049/Pure-HTML-5-CSS-3-Modal-Dialog-Box-no-JavaScript)爲完整的解決方案。