知识大全 asp.net页面中浮动广告js注意事项

Posted 2022-07-17 需求

篇首语：你对时间的态度，就是你对仅有一次生命的态度。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 asp.net页面中浮动广告js注意事项相关的知识，希望对你有一定的参考价值。

　　这两天遇到一个需求就是在一个页面中浮动一张图片兼容浏览器那是默认需求鼠标悬停那也算是默认需求本来认为没什么麻烦的网上那么多随便搜一个再改吧改吧就哦了可是后来发现没有想象的那么简单

　　问题一网上DEMO都是在无DTD标准下处理的

　　问题二不能兼容多个浏览器

　　这些都无法满足我的需求对此问题搞了将近一天时间最后功夫不负有心人加上网上的一篇文章的建议终于可以说我成功了希望有朋友用得上

　　好了前序到此上代码

　　var xPos = ;

　　var yPos = ;

　　var step = ;

　　var delay = ;

　　var height = ;

　　var Hoffset = ;

　　var Woffset = ;

　　var yon = ;

　　var xon = ;

　　var pause = true;

　　var interval;

　　var flowimg = document getElementById( flowimg );

　　function changePos()

　　Hoffset = flowimg offsetHeight; Woffset = flowimg offsetWidth;

　　width = document documentElement clientWidth || document body clientWidth; height = document documentElement clientHeight || document body clientHeight;

　　flowimg style left = xPos + (document body scrollLeft || document documentElement scrollLeft) + px ; flowimg style top = yPos + (document body scrollTop || document documentElement scrollTop) + px ;

　　if (yon)

　　 yPos = yPos + step;

　　else

　　 yPos = yPos step;

　　if (yPos < )

　　 yon = ; yPos = ;

　　if (yPos >= (height Hoffset))

　　yon = ;yPos = (height Hoffset);

　　if (xon)

　　 xPos = xPos + step;

　　else

　　 xPos = xPos step;

　　if (xPos < )

　　 xon = ; xPos = ;

　　if (xPos >= (width Woffset))

　　xon = ; xPos = (width Woffset);

　　function start()

　　flowimg visibility = visible ; flowimg onmouseover = function()

　　pause_resume();

　　flowimg onmouseout = function()

　　pause_resume();

　　interval = setInterval( changePos() delay);

　　function pause_resume()

　　if (pause)

　　clearInterval(interval);

　　pause = false;

　　else

　　interval = setInterval( changePos() delay);

　　pause = true;

　　start();

　　忘记是哪位仁兄/MM 的原型代码了在此功能上完善了鼠标的暂停浏览器的兼容功能

　　参考

　　具体详情【以防页面打不开】

　　做页面的时候可能会用到位置固定的层读取 document body scrollTop 来设置层的位置像这样

　　window onscroll = function ()

　　var oFix = document getElementById( divfix ); oFix style top = document body scrollTop + px ;

　　可是怎么没有达到预期效果呢输出 document body scrollTop 的值一看一直都是原来是 DTD 的问题要是页面直接用开头的话就没有问题了但是要符合 web 标准 DTD 当然是不能少的具有 DTD 时用 document documentElement scrollTop 代替 document body scrollTop 就可以了

　　window onscroll = function ()

　　var oFix = document getElementById( divfix ); oFix style top = document documentElement scrollTop + px ;

　　编者注

　　页面具有 DTD（或者说指定了 DOCTYPE）时使用 document documentElement

　　页面不具有 DTD（或者说没有指定了 DOCTYPE）时使用 document body

　　在 IE 和 Firefox 中均是如此

　　为了兼容可以使用如下代码 var scrollTop = window pageYOffset || document documentElement scrollTop || document body scrollTop

cha138/Article/program/net/201311/12058