div彈出收藏

來源:互聯網
上載者:User

<mce:script type="text/javascript"><!--<br />function sAlert(str){<br />var msgw,msgh,bordercolor;<br />msgw=400;//提示視窗的寬度<br />msgh=100;//提示視窗的高度<br />titleheight=25 //提示視窗標題高度<br />bordercolor="#336699";//提示視窗的邊框顏色<br />titlecolor="#99CCFF";//提示視窗的標題顏色 </p><p>var sWidth,sHeight;<br />sWidth=document.body.offsetWidth;<br />sHeight=screen.height;<br />var bgObj=document.createElement("div");<br />bgObj.setAttribute('id','bgDiv');<br />bgObj.style.position="absolute";<br />bgObj.style.top="0";<br />bgObj.style.background="#777";<br />bgObj.style.filter="progidXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";<br />bgObj.style.opacity="0.6";<br />bgObj.style.left="0";<br />bgObj.style.width=sWidth + "px";<br />bgObj.style.height=sHeight + "px";<br />bgObj.style.zIndex = "10000";<br />document.body.appendChild(bgObj); </p><p>var msgObj=document.createElement("div")<br />msgObj.setAttribute("id","msgDiv");<br />msgObj.setAttribute("align","center");<br />msgObj.style.background="white";<br />msgObj.style.border="1px solid " + bordercolor;<br />msgObj.style.position = "absolute";<br />msgObj.style.left = "50%";<br />msgObj.style.top = "50%";<br />msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";<br />msgObj.style.marginLeft = "-225px" ;<br />msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";<br />msgObj.style.width = msgw + "px";<br />msgObj.style.height =msgh + "px";<br />msgObj.style.textAlign = "center";<br />msgObj.style.lineHeight ="25px";<br />msgObj.style.zIndex = "10001"; </p><p>var title=document.createElement("h4");<br />title.setAttribute("id","msgTitle");<br />title.setAttribute("align","right");<br />title.style.margin="0";<br />title.style.padding="3px";<br />title.style.background=bordercolor;<br />title.style.filter="progidXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";<br />title.style.opacity="0.75";<br />title.style.border="1px solid " + bordercolor;<br />title.style.height="18px";<br />title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";<br />title.style.color="white";<br />title.style.cursor="pointer";<br />title.innerHTML="關閉";<br />title.onclick=function(){<br />document.body.removeChild(bgObj);<br />document.getElementById("msgDiv").removeChild(title);<br />document.body.removeChild(msgObj);<br />}<br />document.body.appendChild(msgObj);<br />document.getElementById("msgDiv").appendChild(title);<br />var txt=document.createElement("p");<br />txt.style.margin="1em 0"<br />txt.setAttribute("id","msgTxt");<br />txt.innerHTML=str;<br />document.getElementById("msgDiv").appendChild(txt);<br />}<br />// --></mce:script>

取代難看的alert,非常好!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.