600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > java swt 悬浮提示框 利用js实现右下角悬浮提示框代码

java swt 悬浮提示框 利用js实现右下角悬浮提示框代码

时间:2022-06-25 07:04:50

相关推荐

java swt 悬浮提示框 利用js实现右下角悬浮提示框代码

特效描述:利用js实现 右下角 悬浮提示框。利用js实现右下角悬浮提示框代码

代码结构

1. HTML代码

.popBtn{width:18px; height:18px; cursor:pointer; float:right; margin-left:1px; margin-top:12px; display:inline; background:url(buttons.png) no-repeat;}

.popClose{margin-right:10px; width:15px; background-position:-39px 0}

.popClose:hover{background-position:-39px -20px}

.popShow{background-position:0px 0}

.popShow:hover{background-position:0px -20px}

.popHide{background-position:-19px 0}

.popHide:hover{background-position:-19px -20px}

function showDiv(innerCall){

if(document.getElementById('PcPoPmarket')==null)return;

document.getElementById('PcPoPmarket').style.width = 350+'px';

document.getElementById('PcPoPmarket').style.height = 238+'px';

document.getElementById('showvod').style.display = 'none';

document.getElementById('hidevod').style.display = 'block';

var lmt = document.getElementById('popFrame').contentWindow.document.getElementById('lmt');

if(lmt!=null){

lmt.style.backgroundImage = 'url(bg_open.png)';

}

}

function hideDiv(innerCall){

if(document.getElementById('PcPoPmarket')==null)return;

document.getElementById('PcPoPmarket').style.width = 226 + 'px';

document.getElementById('PcPoPmarket').style.height = 37 + 'px';

document.getElementById('hidevod').style.display = 'none';

document.getElementById('showvod').style.display = 'block';

var lmt = document.getElementById('popFrame').contentWindow.document.getElementById('lmt');

if(lmt!=null){

lmt.style.backgroundImage = 'url(bg_min.png)';

}

}

function closeDiv(innerCall){

if(document.getElementById('PcPoPmarket')==null)return;

document.getElementById('PcPoPmarket').style.display = 'none';

}

-

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。