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

来源:https://www.sucaihuo.com/js/1842.html 2017-04-28 14:54浏览(944) 收藏

此作品是一款非常实用的js特效,实现右下角悬浮可最大化、最小化和关闭功能的提示框,应用范围很广,可当做网站的消息提示功能,也可以当成网站的右下角悬浮广告功能,而且界面设计得非常好看,网友们好好利用哦。。。
右下角悬浮可最大化、最小化和关闭功能的提示框
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

一些css样式

.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}

实现功能的javascript代码如下:

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)';
		}
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)';
	}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2