asp如何实现单页面跳转 asp.net页面中浮动广告js注意事项

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