浮动广告-兼容ie6,ie7,firefox2,3
2013-04-09 16:31
405 查看
浮动广告-兼容ie6,ie7,firefox2,3
<!--浮动客服开始--><script type="text/javascript">
<!--
function Float(id, initX, initY, align){
this.startX = (initX)? initX : 0;//冒号后为默认横向位置,相对值,如对齐方式为右,则从最右端开始计算
this.startY = (initY)? initY: document.documentElement.scrollTop + document.documentElement.clientHeight-160;//同上,默认纵向位置,页面低端-160px,如客服信息较多显示不完整,请尝试加大最后一个数字
this.align = (align)? align: "right";//同上,对齐方式,默认右对齐,则横向位置从屏幕最右端算起
this.x = this.startX;
this.y = this.startY;
//var isNs = (navigator.appName.indexOf("Netscape") != -1);
this.div = document.getElementById(id);
this.init = function() {
this.div.style.top = this.startY + "px";
if(this.align == "left")
this.div.style.left = this.startX + "px" ;
else
this.div.style.right = this.startX + "px" ;
}
this.refresh = function(){
this.y += (getRoot().scrollTop + this.startY - this.y)/8;
this.div.style.top = this.y + "px" ;
}
this.floating = function(objName){
setInterval(objName+'.refresh()', 10);
}
this.init();
}
function getRoot(){
if(document.documentElement && document.body){
return (document.documentElement.scrollTop > document.body.scrollTop) ? document.documentElement : document.body;
}else if(document.documentElement){
return document.documentElement;
}else{
return document.body;
}
}
//-->下方第一个层为定位层,width可调整层宽度,第二个之后层样式默认为ecshop模板右边导航栏样式,可自行调整,如需大面积更换,请保留第一个层标签定位,替换其余html内容,默认采用ul标签排列各元素
</script>
<div id="divStayTopright" style="position:absolute; width:150px;">
这里放你需要的内容
</div>
<script type="text/javascript">
//此处创建浮动窗口实例,函数原型为float(对象id,横向位置,纵向位置,对齐方式),其中位置为数字,对齐方式为left或right,如需两个浮动客服窗口,可用不同参数创建两个实例
var o1 = new Float("divStayTopright");
o1.floating('o1');
</script>
<!--浮动客服结束-->
相关文章推荐
- 固定位置浮动广告代码(兼容IE6、IE7、FF)
- ie6 ie7 Firefox CSS兼容汇总
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- 兼容IE6、IE7和FireFox的“加入收藏”代码
- 【转贴】div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- 纯DIV浮动广告,支持IE6、IE7
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- div+css 兼容 ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- [原创] select控件样式(兼容IE6、IE7、Firefox 2.0)
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- IE6、 IE7、Firefox CSS兼容技巧
- 解决iFrame自适应高度(兼容IE6,IE7与FireFox)
- div最小高度的2种写法(兼容IE6、IE7、Firefox、Opera)
- 兼容ie6,ie7,firefox的漂浮窗完美解决方案
- CSS兼容IE6,IE7,FireFox之一
- Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
- CSS hack:实现IE6、IE7、Firefox兼容(转摘)
- IE6,IE7,IE8,Firefox兼容的css hack问题