手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现仿MSN带关闭功能的右下角弹窗代码
js实现仿MSN带关闭功能的右下角弹窗代码
摘要:本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下:这是一款非常精致漂亮的仿MSN右下角弹出窗口,带关...

本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下:

这是一款非常精致漂亮的仿MSN右下角弹出窗口,带关闭功能,直接复制代码就管用。演示要用到几个小图片,运行的时候点击右键保存一下,这里提供一种思路,并不完全局限于此种方法,熟能生巧。

先来看看运行效果截图:

js实现仿MSN带关闭功能的右下角弹窗代码1

在线演示地址如下:

http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/

具体代码如下:

<HTML> <HEAD> <title>仿MSN右下角弹窗</title> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=Javascript> document.writeln("<div id="msn">"); document.writeln("<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#cfdef4">"); document.writeln("<tr><td height="24" width="26" valign="middle"><img src="images/msgLogo.gif" hspace="5" align="absMiddle" vspace="1"/></td>"); document.writeln("<td valign="middle" width="100%">提示:</td>"); document.writeln("<td valign="middle" width="19" align="right"><img src="images/msgClose.gif" hspace="3" onclick="closeDiv()" title="关闭"/></td>"); document.writeln("</tr><tr><td colspan="3" height="90">"); document.writeln("<div><a href="/jscss/" target="_blank">>>游客:欢迎回来!</a><br><br><a href="http:/" target="_blank">>>您有(0)条短信息。</a></div></div></tr></table></div>"); msn.style.top=document.body.clientHeight-174; msn.style.left=document.body.clientWidth-225; moveR(); function moveR() { msn.style.top=document.body.scrollTop+document.body.clientHeight-116; msn.style.left=document.body.scrollLeft+document.body.clientWidth-180; setTimeout("moveR();",80) } function closeDiv(){ msn.style.visibility='hidden'; } </SCRIPT> </HEAD> <BODY> <table width="776" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeeee"> <tr> <td height="1060" align="center" valign="top"><p><br> </p> <p> </p> </td> </tr> </table> </BODY> </HTML>

希望本文所述对大家的javascript程序设计有所帮助。

【js实现仿MSN带关闭功能的右下角弹窗代码】相关文章:

Nodejs实现批量下载妹纸图

一些有关检查数据的JS代码

javascript实现模拟时钟的方法

JavaScript实现列表分页功能特效

js实现发送验证码后的倒计时功能

js实现点击链接后延迟3秒再跳转的方法

些很实用且必用的小脚本代码

JS动画效果打开、关闭层的实现方法

js操作css属性实现div层展开关闭效果的方法

JavaScript实现广告的关闭与显示效果实例

精品推荐
分类导航