热门关键字:
jquery > jquery插件 > js特效 > 右下角悬浮可最大化、最小化和关闭功能的提示框

右下角悬浮可最大化、最小化和关闭功能的提示框

12138
所属分类:js特效
发布时间:2014/3/25 21:21:29
下载量:1399
评论数:4
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=425

此作品是一款非常实用的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提示层
  • 右下角悬浮可最大化、最小化和关闭功能的提示框如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 右下角悬浮可最大化、最小化和关闭功能的提示框
  • 右下角悬浮可最大化、最小化和关闭功能的提示框
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐