JavaScript怎么实现网页右下角弹出窗口代码
2024-09-24 06:13:14
编辑:zane
浏览量:583次
JavaScript怎么实现网页右下角弹出窗口代码
的有关信息介绍如下:
JavaScript实现网页右下角弹出窗口代码
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) { varMsgPop=document.getElementById("winpop"); varpopH=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()这个函数}3秒后会在右下角自动弹出窗口,如果没有弹出请点击这个按钮 您有新的短消息!
X 1条经典语录( 版权声明:文章由 去问问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.qwenw.com/life/385916.html