<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
* {margin:0px;padding:0px;}
html,body { height:100%;}
body { font-size:14px; line-height:24px;}
#tip {
position: absolute;
right: 0px;
bottom: 0px;
height: 0px;
width: 180px;
border: 1px solid #CCCCCC;
background-color: #eeeeee;
padding: 1px;
overflow:hidden;
display:none;
font-size:12px;
z-index:10;
}
#tip p { padding:6px;}
#tip h1,#detail h1 {
font-size:14px;
height:25px;
line-height:25px;
background-color:#0066CC;
color:#FFFFFF;
padding:0px 3px 0px 3px;
filter: Alpha(Opacity=100);
}
#tip h1 a,#detail h1 a {
float:right;
text-decoration:none;
color:#FFFFFF;
}
#shadow {
position:absolute;
width:100%;
height:100%;
background-color:#000000;
z-index:11;
filter: Alpha(Opacity=70);
display:none;
overflow:hidden;
}
#detail {
width:500px;
height:200px;
border:3px double #ccc;
background-color:#FFFFFF;
position:absolute;
z-index:30;
display:none;
left:30%;
top:30%
}
</style>
<script type="text/javascript">
var handle;
function start()
{
var obj = document.getElementById("tip");
if (parseInt(obj.style.height)==0)
{ obj.style.display="block";
handle = setInterval("changeH('up')",2);
}else
{
handle = setInterval("changeH('down')",2)
}
}
function changeH(str)
{
var obj = document.getElementById("tip");
if(str=="up")
{
if (parseInt(obj.style.height)>200)
clearInterval(handle);
else
obj.style.height=(parseInt(obj.style.height)+8).toString()+"px";
}
if(str=="down")
{
if (parseInt(obj.style.height)<8)
{ clearInterval(handle);
obj.style.display="none";
}
else
obj.style.height=(parseInt(obj.style.height)-8).toString()+"px";
}
}
function showwin()
{
document.getElementsByTagName("html")[0].style.overflow = "hidden";
start();
document.getElementById("shadow").style.display="block";
document.getElementById("detail").style.display="block";
}
function recover()
{
document.getElementsByTagName("html")[0].style.overflow = "auto";
document.getElementById("shadow").style.display="none";
document.getElementById("detail").style.display="none";
}
</script>
</head>
<body onload="document.getElementById('tip').style.height='0px'">
<div id="shadow"> </div>
<div id="detail">
<h1><a href="javascript:void(0)" onclick="recover()">×</a>马海宝提示</h1>
哈哈哈哈你是猪!~~~
</div>
<div id="tip"><h1><a href="javascript:void(0)" onclick="start()">×</a>您有新消息</h1><p><a href="javascript:void(0)" onclick="showwin()">点击这里查看详细</a></p></div>
<p><a href="#" onclick="start()">点击这里测试</a><br><br><br><br>
<!--NEWSZW_HZH_BEGIN-->
<a title="澳大利亚" onclick="" href="http://www.baidu.com/s?wd=澳大利亚&cl=3" target="_blank">澳大利亚</a>总理霍华德称朝鲜的行为“极具挑衅性”,希望有关方面予以谴责。新加坡外交部发表声明,对朝鲜试射导弹“表示遗憾”。
</p>
<p> 俄罗斯外交部当天批评朝鲜试射导弹,称朝鲜的这一行动使朝核问题更加复杂化。</p>
<p> 法国常驻联合国代表萨布利埃说,联合国安理会将于当天晚些时候召开紧急会议,讨论朝鲜试射导弹问题。(完)</p>
</body>
</html>
分享到:
相关推荐
javascript实现弹消息提示框 像各大邮箱提示有新邮件收到或QQ和MSN提示 页面右下角弹出类似QQ或MSN的消息提示
JS模仿MSN消息提示效果基于JS实现的模仿MSN消息提示效果源码,运行代码右下角会向上移动显示消息提示窗口,点击窗口链接可弹出自定义内容的消息窗口。代码非常简单实用。
弹出类似MSN的消息提示
msn方式弹出窗口提示的脚本代码效果图! 很值得下载看看!资源免费,大家分享!!
页面右下角弹出类似MSN的消息提示 网上有代码,里面可以自己修改一下参数,变成自己实用的Js
页面右下角弹出类似QQ或MSN的消息提示
纯JS弹出类似MSN的桌面右下角消息提示,很简单 具体的消息只需要在后台代码写了注册到前台即可
JS模仿MSN右下角弹出提示框代码,需要的朋友可以参考下。
还是在做联通IOM项目时遇到的一个需求,要求页面每隔半小时弹出一次提示消息(消息以类似QQ新闻的形式弹出)。当时上网找的这么一个资料,已经不记得原文出处了 代码如下: <html> <head> <title>...
40.页面右下角弹出提示消息.html 41.用CSS+JS控制Li背景颜色交替.html 42.用css实现简单的进度条.html 43.在同一页面设置不同文字链接效果的样式.html 44.支持按键盘方向键实现翻页跳转的效果.html 45.支持键盘方向...
列出里面几种JS效果 门帘式广告效果, msn方式弹出窗口提示的效果, 漂亮的JS图片翻动展示效果可以点击旁边的导航缩略图显示具体大图内容, 横向循环滚动图片Javascript代码 带标题的flash切换代码;...
消息弹出框、提示框 仿照MSN和QQ的消息弹出框,自己修改了哈,希望对大家有用!
1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...
1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...
61:不错的漂浮广告代码下载 62:24小时退弹一次的代码下载 63:顶部收缩广告效果yahoo-IE7下载 64:仿QQ消息弹出广告效果下载 65:不可阻止的退弹代码演示下载 66:网易顶部展出的大幅广告下载 67:包含flash的通栏滚动...
13:右上拉链式打开代码演示下载 14:全屏缩放广告代码演示下载 15:右下角提示消息广告代码下载 16:右下角弹出关闭变背投演示下载 17:右侧提示点击成全屏演示下载 18:宽频焦点代码演示下载 19:横向移动视觉...
页面右下角弹出类似QQ或MSN的消息提示、纵向的JS相册效果、改变网页背景图片代码、页面loading效果、给放大的分页、关于金额大,小写转换的问题等等
脚本资源,Ajax/JavaScript,仿MSN,弹出窗口 JavaScript仿MSN右下角窗口简洁版代码,大家经常见到的功能,打开网页后显示在浏览器的右下角位置,有的可以定时,自动关闭,要么是手动关闭,广泛应用到公告、提示等地方...
纯js编写 跨框架 无图片 支持调速度 任意位置弹出 需要ie5.5以上 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]