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
php 做权限管理
2014-09-05
如何安装PHPstorm并配置方法教程 phpstorm安装后要进行哪些配置
2017-05-03
nginx,php日志分割
2014-09-05
解决ThinkPHP在Nginx下无法使用pathin方式的问题
2014-09-05
c语言新手入门代码
2022-03-22
荣耀大天使华为版下载v1.10.52 安卓版
角色扮演 886.2M
下载赛尔号星球大战百度版本下载v5.9 安卓版
动作闯关 582.8M
下载航海王启航指趣版下载v24.0 安卓服
卡牌对战 990.9M
下载想不想修真指趣版下载v3.8.0 安卓最新版本
角色扮演 208.0M
下载梦幻逍遥飞仙篇手游下载v3.0.5 安卓版
角色扮演 187M
下载极品芝麻官齐齐乐客户端下载v3.7 安卓官方版
经营养成 337.3M
下载魔界军团重制版手游下载v1.2.1 安卓版
动作闯关 169.1M
下载奥特曼王者传奇国际服下载v1.14 安卓版
卡牌对战 454M
下载乐高无限小米版下载v1.99.602.27230 安卓版
下载
荣耀大天使手游小米版下载v1.10.52 安卓最新版
下载
梦幻家装手游最新版下载v1.1 安卓版
下载
长安幻世绘oppo版本下载v1.1.14.0 安卓正版
下载
机甲大作战h5最新版下载v701 安卓版
下载
青鸾繁华录4399官方版下载v9.7.4 安卓版
下载
想不想修真起点版本下载v3.8.0 安卓版
下载
零界之痕taptap版下载v1.112452.9886 安卓版
下载