网页右下角弹出框代码,亲测有效

引入JS

<script type="text/javascript">
var winHeight=200;
var timer=null;
function show(){
document.getElementById("popWin").style.display="block";
timer=setInterval("lift(5)",2);
}
function hid(){
timer=setInterval("lift(-5)",2);
}
function lift(n) {
var w=document.getElementById("popWin");
var h=parseInt(w.style.height||w.currentStyle.height);
if (h<winHeight && n>0 || h>1 && n<0){
w.style.height=(h+n).toString()+"px";
}
else
{
w.style.display=(n>0?"block":"none");
clearInterval(timer);
}
}
window.onload=function(){
setTimeout("show()",1000);
}
</script> 

Html

<div class="hidden-xs" id="popWin" style="width:320px;height:0px;position:absolute;right:1px;bottom:1px;border:1px solid #0066FF;display:none;background:#FFFFFF;padding:1px;z-index:99999;">
<div style="background-color:#0066FF;color:#FFFFFF;padding:5px">
<b>官方公告</b>
<span style="color:#FFFFFF;cursor:hand;position:absolute;right:10px;" onClick="hid()">&times;关闭</span>
</div>
<div style="padding:5px;color:red;font-weight:bold;font-size:14px;line-height:24px;">
自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字自定义文字
</div>
</div>

原文链接:https://www.um80.com/293.htm,转载请注明出处。

0
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)
没有账号? 注册  忘记密码?

社交账号快速登录

Copyright   ©2017-2024  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号