ie6_fixed浮动窗口.doc

淘宝直通车固定按钮实现的完整代码如下：/* css code */.jumpetotopbackground:url(/zhitongche/images/fixedtop.png) no-repeat left top;width:21px;height:61px;overflow:hidden;bottom:100px;position:fixed;z-index:9999;.jumpetotop _position:absolute;_top:expression(eval(patMode & patMode=CSS1Compat) ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 30 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 30);.jumpetotop a,.jumpetotop a:hoverposition:relative;width:21px;height:61px;display:block; text-indent:-5000px;/* html code */跳转到页顶/* javascript code */function getWidth() var width = self.innerWidth | 0; / Safari width = Math.max(width,document.documentElement.clientWidth,document.body.clientWidth) return width;function auto_jumpto()var browser = navigator.appName; var b_version = navigator.appVersion; var version = b_version.split(;); var trim_Version = version1.replace(/ /g, ); var width = (getWidth() - 950) / 2; if (browser = Microsoft Internet Explorer & trim_Version = MSIE6.0) document.getElementById(fix_teacher).style.right = width - 20 + px; else if (browser = Microsoft Internet Explorer & trim_Version = MSIE7.0) document.getElementById(fix_teacher).style.right = width + 30 + px; else document.getElementById(fix_teacher).style.right = width + 30 + px; window.onresize = auto_jumpto;auto_jumpto();二、position:fixed各种固定方式代码示例/*让position:fixed在IE6下可用! */ /* 头部固定 */.fixed-topposition:fixed;bottom:auto;top:0px;* 底部固定 */.fixed-bottom /position:fixed;bottom:0px;top:auto;/* 左侧固定 */.fixed-left position:fixed;right:auto;left:0px;/* 右侧固定 */.fixed-right position:fixed;right:0px;left:auto;/* 上面的是除了IE6的主流浏览器通用的方法 */ /* 修正IE6振动bug */* html,* html bodybackground-image:url(about:blank);background-attachment:fixed; /* IE6 头部固定 */* html .fixed-topposition:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop); /* IE6 右侧固定 */* html .fixed-rightposition:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)|0)-(parseInt(this.currentStyle.marginRight,10)|0); /* IE6 底部固定 */* html .fixed-bottomposition:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)|0)-(parseInt(this.currentStyle.marginBottom,10)|0); /* IE6 左侧固定 */* html .fixed-leftposition:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft);说明1：如果你不需要支持margin，可以将所有的parseInt部分去掉。说明2：这里事实上就是利用了 IE 中特有的 CSS 运算符 expression。在 expression 中我们可以利用 Ja