js浮动固定层（对联飘浮广告，随滚动条浮动）

最新推荐文章于 2019-03-15 13:51:41 发布

流程管理

最新推荐文章于 2019-03-15 13:51:41 发布

阅读量958

点赞数

文章标签： function class xhtml html filter 浏览器

本文链接：https://blog.csdn.net/mych/article/details/3332897

版权

js浮动固定层（对联飘浮广告，随滚动条浮动）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Design Corp" content="myhhe.cn" />
<meta name="Designer" content="hayden" />
<meta name="Designer mail" content="QQ:3996992" />
<meta name="robots" content="hayden" />
<title>浮动层</title>
<style type="text/css">
div.floats {/*浮动容器通用样式*/
position:absolute;
left:-1000px;
/*上面两句是必需的，下面看实际情况去定义了*/
border:solid 1px #777;
padding:3px;
background:#333;
color:white;
width:100px;
height:80px;
opacity: 0.5;
filter:alpha(opacity=50);

}
div#test1,div#test2{top:100px;}/*居中向左右定位容器初始高度*/
div#test3,div#test4{top:200px;}/*左右定位的两个容器初始高度*/
</style>

//实际应距左距离
function getleft(strobjs,strLeftType,strleft){
var temp_getleft = 0;
if (strLeftType=="left"){
   temp_getleft = scrollLeft()*1 + strleft*1;
}else if (strLeftType=="mid"){
   (strleft*1<0)
   ?temp_getleft = scrollLeft()*1 + strleft*1
   + htmlbody().clientWidth*1/2 - strobjs.offsetWidth*1
   :temp_getleft = (scrollLeft()*1+strleft*1 + htmlbody().clientWidth*1/2);
}else if (strLeftType=="right"){
    temp_getleft
    = scrollLeft()*1 + htmlbody().clientWidth*1
    - strleft*1 - strobjs.offsetWidth*1;
}
return temp_getleft;
}

</head>
<body>
<div style="width:660px;border:1px solid #eee;margin:0 auto;height:3000px;">
这里有好多好多回车。。。

这里有好多好多回车。。。

</div>
没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～没了，到底了～～～～
<div style="width:5000px;">
</div>
<div id="test1" class="floats">浮动层1 !<br /><br />居中向右<br /><br /></div>
<div id="test2" class="floats">浮动层2 !<br /><br />居中向左<br /><br /></div>
<div id="test3" class="floats">浮动层3 !<br /><br />靠左侧<br /><br /></div>
<div id="test4" class="floats">浮动层4 !<br /><br />靠右侧<br /><br /></div>