知识大全利用脚本封装，方便实现网站悬浮广告

Posted 2022-07-20 知

篇首语：只有受过教育的人才是自由的。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全利用脚本封装，方便实现网站悬浮广告相关的知识，希望对你有一定的参考价值。

　　下面是JS脚本(floatdiv js)

　　/*====================================================================== 浮动块支持脚本 DESIGN BY : 彭国辉 DATE:　　　　 SITE:　　　　 EMAIL:　　 ======================================================================*/

　　var alLeft = alCenter = alRight = ; //水平对齐方式var alTop = alMiddle = alBottom = ; //垂直对齐方式

　　var f = new Array();var cnt = ;

　　function floatDiv(objId align vAlign x y smooth)　　/*浮动块对象　　数据结构　　　　objId 对象ID　　　　align 水平对齐方式枚举型　　　　vAlign 垂直对齐方式枚举型内容　　　　x y xy座标整型　　　　smooth 平滑移动布尔型　　*/　　this objId = objId;　　this align = align;　　this vAlign = vAlign;　　this x = x;　　this y = y;　　this smooth = smooth;

　　function addDiv(objId align vAlign x y smooth) //添加浮动块　　f[cnt++] = new floatDiv(objId align vAlign x y smooth);

　　function floatMove() //重新定位各块位置　　var objX objY;　　if (document all)　　　　　　var d = document body;//status = scrollLeft: +f[ ] objId style pixelTop+ | offsetWidth: +d offsetWidth;　　　　for (var i= ; i<f length; i++)　　　　　　　　　　switch (f[i] align)　　　　　　　　　　　　　　case alLeft : objX = d scrollLeft + f[i] x; break;　　　　　　　　case alCenter: objX = d scrollLeft + Math ceil((d offsetWidth f[i] objId offsetWidth)/ ) + f[i] x; break;　　　　　　　　case alRight : objX = d scrollLeft + d offsetWidth f[i] x f[i] objId offsetWidth ; break; //减滚动条　　　　　　　　　　　　switch (f[i] vAlign)　　　　　　　　　　　　　　case alTop : objY = d scrollTop + f[i] y; break;　　　　　　　　case alMiddle: objY = d scrollTop + Math ceil((d offsetHeight f[i] objId offsetHeight)/ ) + f[i] y; break;　　　　　　　　case alBottom: objY = d scrollTop + d offsetHeight f[i] y f[i] objId offsetHeight; break;　　　　　　　　　　　　if (f[i] smooth) smoothMove(f[i] objId objX objY);　　　　　　else　　　　　　　　　　　　　　f[i] objId style pixelLeft = objX;　　　　　　　　f[i] objId style pixelTop = objY;　　　　　　　　　　　　　　　　if (document layers)　　　　　　for (var i= ; i<f length; i++)　　　　　　　　　　var objId = f[i] objId;　　　　　　switch (f[i] align)　　　　　　　　　　　　　　case alLeft : objX = pageXOffset + f[i] x; break;　　　　　　　　case alCenter: objX = pageXOffset + Math ceil((window innerWidth objId width)/ ) + f[i] x; break;　　　　　　　　case alRight : objX = pageXOffset + window innerWidth f[i] x document objId width; break;　　　　　　　　　　　　switch (f[i] vAlign)　　　　　　　　　　　　　　case alTop : objY = pageYOffset + f[i] y; break;　　　　　　　　case alMiddle: objY = pageYOffset + Math ceil(window innerHeight/ ) + f[i] y; break;　　　　　　　　case alBottom: objY = pageYOffset + window innerHeight f[i] y document objId height; break;　　　　　　　　　　　　if (t[i] smooth) smoothMove(f[i] objId objX objY);　　　　　　else　　　　　　　　　　　　　　document objId left = objX;　　　　　　　　document objId top = objY;　　　　　　　　　　　　　　　　setTimeout( floatMove(); );

　　function smoothMove(obj x y)　　var percent;　　if (document all)　　　　　　percent = * (x obj style pixelLeft);　　　　if (percent > ) percent = Math ceil(percent); else percent = Math floor(percent);　　　　obj style pixelLeft += percent;　　　　　　　　percent = * (y obj style pixelTop);　　　　if (percent > ) percent = Math ceil(percent); else percent = Math floor(percent);　　　　obj style pixelTop += percent;　　　　if (document layers)　　　　　　percent = * (x document objId left);　　　　if (percent > ) percent = Math ceil(percent); else percent = Math floor(percent);　　　　document objId left += percent;　　　　　　　　percent = * (y document objId top);　　　　if (percent > ) percent = Math ceil(percent); else percent = Math floor(percent);　　　　document objId top += percent;　　

　　setTimeout( floatMove(); );

　　调用例子

cha138/Article/program/Java/JSP/201311/19414

知识大全 利用脚本封装，方便实现网站悬浮广告

知识大全利用脚本封装，方便实现网站悬浮广告