此作品是一款非常实用的js特效,实现右下角悬浮可最大化、最小化和关闭功能的提示框,应用范围很广,可当做网站的消息提示功能,也可以当成网站的右下角悬浮广告功能,而且界面设计得非常好看,网友们好好利用哦。。。
实现功能的javascript代码如下:
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';
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
弹出层 提示插件 悬浮停靠底部 鼠标悬浮 悬停特效 悬浮右侧 tip提示层