此作品是JquerySchool网站右下角可关闭和最小化悬浮广告效果，jquery学堂群的网友问可以整理下来分享吗，这个当然可以啦，JquerySchool网站上的效果只要网友们喜欢的，都可以整理出来分享，此作品非常实用和常用，主要是用来展示广告，很多网站上都用得上，用法也很简单，大家下载下来自己看一下吧。。。
js核心功能代码如下：
window.onload = function() {
var oDiv = document.getElementById('miaov_float_layer');
var oBtnMin = document.getElementById('btn_min');
var oBtnClose = document.getElementById('btn_close');
var oDivContent = oDiv.getElementsByTagName('div')[0];
var iMaxHeight = 0;
var isIE6 = window.navigator.userAgent.match(/MSIE 6/ig) && !window.navigator.userAgent.match(/MSIE 7|8/ig);
oDiv.style.display = 'block';
iMaxHeight = oDivContent.offsetHeight;
if (isIE6) {
oDiv.style.position = 'absolute';
repositionAbsolute();
miaovAddEvent(window, 'scroll', repositionAbsolute);
miaovAddEvent(window, 'resize', repositionAbsolute);
}
else {
oDiv.style.position = 'fixed';
repositionFixed();
miaovAddEvent(window, 'resize', repositionFixed);
}
oBtnMin.timer = null;
oBtnMin.isMax = true;
oBtnMin.onclick = function() {
startMove
(
oDivContent, (this.isMax = !this.isMax) ? iMaxHeight : 0,
function() {
oBtnMin.className = oBtnMin.className == 'min' ? 'max' : 'min';
}
);
};
oBtnClose.onclick = function() {
oDiv.style.display = 'none';
oDiv.innerHTML = "";
};
};
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
漂浮广告 悬浮广告 层特效 js特效 广告展示 悬停特效