模仿MSN消息提示的效果

2016-01-29 11:49 14 1 收藏

模仿MSN消息提示的效果,模仿MSN消息提示的效果

【 tulaoshi.com - Javascript 】

<SCRIPT
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style="border: 1 solid #FFA6CA" width="241" height="172" border="0" cellpadding="0" cellspacing="0" background="http://www.blueidea.com/articleimg/2004/01/1576/04-s.jpg" ";
winstr+="<tr<td height="30" </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:12px; color: red; face: Tahoma""+msgstr+"</td</tr</table</td</tr</table";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop1720){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1720),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();",50);
}
popmsg(" <img border="0" src="http://img.jcwcn.com/attachment/portal"http://www.blueidea.com/img/common/logo.gif" width="90" height="27"欢迎光临蓝色理想，大量的设计资源等着你!有什么问题可以到经典论坛提出。");
</SCRIPT

来源:http://www.tulaoshi.com/n/20160129/1483469.html

上一篇：实现彩色闪烁超链接效果的JS代码
下一篇： Javascript制作闪烁的边框

看过《模仿MSN消息提示的效果》的人还看了以下文章更多>>

微信新消息提示声音的修改方法

标签：手机软件应用软件

微信新消息提示声音的修改方法 Android手机设置微信消息提示声音的方法 1、打开微信5.0，点击右下角的我，在界面的最底部找到设置选项。在设置的界面我们可以看到新消息提醒功能。 2、点击进去就能看到新消息提示音，点击再选择你喜欢的铃声就可以了。

javascript模仿新浪左侧的选项卡效果

标签： Web开发

head meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ / titlejavascript模仿新浪的黄色选项卡效果/title style type=”text/css” *{font-size:12px;margin:0;padding:0;} #dreamdujsexe{width:748px; height:250px; overflow:hidden; border:1px #cccbc9 solid; li...

陌陌消息不提示怎么办

标签：手机软件应用软件

陌陌消息不提示怎么办陌陌是一个很好的社交软件，和微信一样直接查看附件用户，可以更近距离的聊天，交友，可是消息通知怎么设置呢。看完的教程，就觉得很简单的。第一步、点击陌陌设置列表中的消息通知; 第二步、检查消息通知选项是否为打开状态; 第三步、如果全为打开状态，回到设置列表中，点击退出当前...

基于jQuery的消息提示插件之旅 DivAlert(三)

标签： Web开发

打包下载本版本遵循了2.0的写法，此处通过extend方法封装了需要设置的各个选项，比起2.0版本的代码要精简了一些。 2.0版本代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if (options.height 104) { options.height = o.height; } el...

基于jQuery的消息提示插件 DivAlert之旅（二）

标签： Web开发

改进的代码部分主要如下： 1、创建default.css文件: 代码代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid #cef; z-index: 1000...

查看更多精彩>>