網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>層和布局特效代碼>

仿MSN右下角滑出提示窗口_層和布局特效

很酷的模仿MSN消息提示的效果。打開(kāi)頁(yè)面之后你會(huì)發(fā)現(xiàn)右下角有消息框彈出，跟MSN的消息框很相似！

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>右下角彈窗</title>
</head>
<body>
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid  #0066cc\"  width=\"241\" height=\"168\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"  bgcolor=\"skyblue\" >";
winstr+="<tr><td height=\"28\" bgcolor=\"#0066cc\">歡迎光臨……</td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:9pt; color: #003399; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1719){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1520 && popTop<1719){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop>1500 && popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1719),241,172);
}else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop);
}else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172);
}
popTop+=10;
var mytime=setTimeout("popshow();",62);
}
popmsg("  模板無(wú)憂提供有質(zhì)量源碼下載，每款源碼都經(jīng)過(guò)精心測(cè)試，請(qǐng)放心使用！");
</SCRIPT>
</p>
</body>
</html>

所屬頻道：層和布局特效/更新時(shí)間：2012-12-19

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

仿MSN右下角滑出提示窗口_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些