左边漂浮层可以框架放页面

admin · 发表于 2013-10-18 23:07:12

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta charset="gbk" />
<style type="text/css">
*{padding:0;margin:0;}
html{height:100%;}
body{height:210%;}
.box{position:absolute;width:100px;height:400px;background:}
</style>
</head>
</head>
<body>
<div class="box" id="box1" style="bottom:52px;left:9px;position:absolute; width:152px; height:216px">
<table border="0" width="100%" id="table1" height="143">
<tr>
<td height="25">
<p align="center"><b><font size="2">
<a target="_blank" href="/pic/1111?zbian">
<font color="#FF0000">会场入口</font></a></font></b></td>
</tr>
<tr>
<td height="25">
<p align="center"><font size="2">抢红包群:<font color="#FF0000"><b></b></font>
（验证:双11抢红包）</font></td>
</tr>
<tr>
<td height="25"><script >var nId = "dcdf2b2279e1c0c0af881beece1b8f421bd12a081dcd8892",nWidth="auto",sColor="light",sText="填写您的邮箱，抢先获取抢红包攻略：" ;</script><script src="http://list.qq.com/zh_CN/htmledition/js/qf/page/qfcode.js" charset="gb18030"></script></td>
</tr>
<tr>
<td>
<p align="center">
<a href="/pic/1111?zbiantouxiang"><img src="/pic/hb.gif"></a></td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
var $id=function(id){
return (document.getElementById(id)) || id;
}
var locked=false;
var scroll=function (o){
var space=$id(o).offsetTop;
$id(o).style.top=space+'px';
var fixed = function(){
if(locked) return;
locked=true;
var roll=setInterval(function(){
var height =document.documentElement.scrollTop+document.body.scrollTop+space;
var top = parseInt($id(o).style.top);
if(height!= top){
goTo = height-parseInt((height - top)*0.9); $id(o).style.top=goTo+'px';
}
else{
if(roll) clearInterval(roll);
locked=false;
}
},50);
}
return fixed;
}
window.onscroll=scroll('box1');
</script>

复制代码

		自动登录	找回密码
密码			立即注册

工作时间

热线电话

在线客服

在线客服

[窗口页面] 左边漂浮层可以框架放页面

相关帖子

工作时间

热线电话

在线客服

在线客服

[窗口页面] 左边漂浮层 可以框架放页面

相关帖子

[窗口页面] 左边漂浮层可以框架放页面