【转】模仿QQ\MSN的网页右下角弹出层
2009-03-14 18:35
357 查看
DIV:
<div id="winpop">
<div class="title">操作结果:<span class="close" onclick="tips_pop()">X</span></div>
<div id="DivOperateResult" class="con"></div>
</div>
JS:
<script type="text/javascript">
//弹出层代码,调用:tips_pop()
function tips_pop(){
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
if (popH==0){
MsgPop.style.display="block";//显示隐藏的窗口
show=setInterval("changeH('up')",2);
}
else {
hide=setInterval("changeH('down')",2);
}
}
function changeH(str) {
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);
if(str=="up"){
if (popH<=100){
MsgPop.style.height=(popH+4).toString()+"px";
}
else{
clearInterval(show);
}
}
if(str=="down")
{
if (popH>=4)
{
MsgPop.style.height=(popH-4).toString()+"px";
}
else
{
clearInterval(hide);
MsgPop.style.display="none"; //隐藏DIV
}
}
}
window.onload=function(){ //加载
document.getElementById('winpop').style.height='0px';
//setTimeout("tips_pop()",800); //3秒后调用tips_pop()这个函数
}
</script>
<div id="winpop">
<div class="title">操作结果:<span class="close" onclick="tips_pop()">X</span></div>
<div id="DivOperateResult" class="con"></div>
</div>
JS:
<script type="text/javascript">
//弹出层代码,调用:tips_pop()
function tips_pop(){
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);//将对象的高度转化为数字
if (popH==0){
MsgPop.style.display="block";//显示隐藏的窗口
show=setInterval("changeH('up')",2);
}
else {
hide=setInterval("changeH('down')",2);
}
}
function changeH(str) {
var MsgPop=document.getElementById("winpop");
var popH=parseInt(MsgPop.style.height);
if(str=="up"){
if (popH<=100){
MsgPop.style.height=(popH+4).toString()+"px";
}
else{
clearInterval(show);
}
}
if(str=="down")
{
if (popH>=4)
{
MsgPop.style.height=(popH-4).toString()+"px";
}
else
{
clearInterval(hide);
MsgPop.style.display="none"; //隐藏DIV
}
}
}
window.onload=function(){ //加载
document.getElementById('winpop').style.height='0px';
//setTimeout("tips_pop()",800); //3秒后调用tips_pop()这个函数
}
</script>
相关文章推荐
- 让网页实现弹出QQ,MSN窗口功能
- 近期 关于QQ 或MSN 右下角弹出提示框 解决方案 网页
- asp.net 页面右下角弹出类似QQ或MSN的消息提示
- 如何在网页HTML中嵌入QQ、MSN、旺旺、Gtalk快速对话框代码
- C# 模仿QQ、MSN消息提示系列 四、bug修改 效果优化
- 页面右下角弹出类似QQ或MSN的消息提示
- 在网页中实现弹出QQ对话框
- 类似于QQ,MSN的右下角消息弹出窗体,使用很简单
- 分享一个改进版的仿MSN/QQ弹出窗口(C#)
- JavaScript模仿MSN的弹出窗口FLASH
- 如何在网页上显示腾讯QQ/MSN/旺旺在线洽谈
- HTML-通过点击网页上的文字弹出QQ添加好友页面
- phpcms模仿QQ和MSN消息提示的效果
- 网页方式实现MSN的弹出窗口
- 在网页上加入QQ msn yahoo alibaba等连接
- C# 模仿QQ、MSN消息提示系列 二、基本效果模仿包含代码
- 网页中如何添加调用qq或者msn聊天窗口与客服进行互动
- 实例制作:右下角弹出类似QQ或MSN消息提示
- C# 模仿QQ、MSN消息提示系列 五、改进 只使用两个时间控件
- 制作网页上点击后自动弹出QQ聊天窗口代码