2015-09-04
本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下:
这是一款非常精致漂亮的仿MSN右下角弹出窗口,带关闭功能,直接复制代码就管用。演示要用到几个小图片,运行的时候点击右键保存一下,这里提供一种思路,并不完全局限于此种方法,熟能生巧。
先来看看运行效果截图:
<HTML> <HEAD> <title>仿MSN右下角弹窗</title> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <SCRIPT language=Javascript> document.writeln("<div id="msn" style="BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX:99999; LEFT:0px; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:180px; BORDER-BOTTOM:#455690 1px solid; POSITION:absolute; TOP:0px; HEIGHT:116px; BACKGROUND-COLOR:#c9d3f3">"); document.writeln("<table width="100%" border="0" cellpadding="0" cellspacing="0" style="BORDER-TOP:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid" bgcolor="#cfdef4">"); document.writeln("<tr><td height="24" width="26" style="FONT-SIZE:12px;BACKGROUND-IMAGE:url(images/msgTopBg.gif);COLOR:#0f2c8c" valign="middle"><img src="images/msgLogo.gif" hspace="5" align="absMiddle" vspace="1"/></td>"); document.writeln("<td style="FONT-WEIGHT:normal;FONT-SIZE:9pt;BACKGROUND-IMAGE:url(images/msgTopBg.gif);COLOR:#1f336b;PADDING-TOP:4px" valign="middle" width="100%">提示:</td>"); document.writeln("<td style="BACKGROUND-IMAGE:url(images/msgTopBg.gif);PADDING-TOP:2px" valign="middle" width="19" align="right"><img src="images/msgClose.gif" hspace="3" style="CURSOR:pointer" onclick="closeDiv()" title="关闭"/></td>"); document.writeln("</tr><tr><td colspan="3" height="90" style="PADDING-RIGHT:1px;BACKGROUND-IMAGE:url(images/msgBottomBg.jpg);PADDING-BOTTOM:1px">"); document.writeln("<div style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 9pt; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%"><a href="/jscss/" target="_blank" style="FONT-WEIGHT:bold;COLOR:red">>>游客:欢迎回来!</a><br><br><a href="http:/" target="_blank" style="FONT-WEIGHT:bold;COLOR:blue">>>您有(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 style="MARGIN: 0px; TEXT-ALIGN: center"> <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>
PHP中的魔术方法 :__construct, __destruct , __call, __callStatic,__get, __set, __isset, __unset , __sleep,
2014-09-05
PHP中的(++i)前缀自增 和 (i++)后缀自增
2014-09-05
php递归返回值的问题
2014-09-05
常用dos命令及语法
2014-09-27
最简单的asp登陆界面代码 asp登陆界面源代码详细介绍
2017-04-12
如何安装PHPstorm并配置方法教程 phpstorm安装后要进行哪些配置
2017-05-03
php 做权限管理
2014-09-05
nginx,php日志分割
2014-09-05
解决ThinkPHP在Nginx下无法使用pathin方式的问题
2014-09-05
c语言新手入门代码
2022-03-22
美甲沙龙我最美官方版下载v1.0 安卓版
其它手游 127.6M
下载争战决赛圈手机版下载v1.0 安卓版
其它手游 133.5M
下载全民超能队长手机版下载v1.3 安卓版
其它手游 314.9M
下载芭比爱情屋最新版下载v1.0 安卓版
其它手游 656.0M
下载托卡家园迷你世界游戏下载v1.1 安卓版
其它手游 167M
下载迷你托卡小镇家园手机版下载v1.0 安卓版
其它手游 107.9M
下载电子画板模拟器官方版下载v1.1.1 安卓版
其它手游 118.9M
下载超级越野赛官方版下载v1.1 安卓版
其它手游 104.9M
下载公主的新生小宝宝游戏下载v1.2.2 安卓版
下载
魔法世界生活小镇游戏下载v1.1 安卓版
下载
怀孕妈妈生小宝宝游戏下载v1.5 安卓版
下载
校园少女模拟换装手机版下载v1.0 安卓版
下载
甜心公主照顾小宝宝官方版下载v22.01.11 安卓版
下载
荣耀战场吃鸡游戏下载v1.0 安卓版
下载
爱犬模拟乐园最新版下载v1.0 安卓版
下载
超级火柴人绳索英雄最新版下载v1.0 安卓版
下载