打印

最后一次写这东西

udbyygy [楼主]

心肠大大滴好

荣誉管理团队

帖子: 1222
体力: 2079
威望: 4
当前: 北京丰台区
离线: 67 天

专长 C/C++

1^# 大中小发表于 2008-7-1 10:22

<!DOCTYPE html PUBLIC"-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head><title></title>
<style type="text/css">
*{padding:0px auto;margin:0px auto;}
body{font-size:12px;font-family:宋体;padding:0px;}
input{margin:200px auto;}
</style>
</head>
<script language="javascript">
function soll(a,b){
this.objb=b;
this.obja=document.getElementById(a);
this.obja.style.fontSize="0px";
this.obja.style.width="100%";
this.obja.style.height="0px";
this.obja.style.position="absolute";
this.obja.style.top=b + "px";
this.obja.style.left="0px";
this.a=null;
var objthis=this;
window.onscroll=function(){
var aa=document.documentElement.scrollTop;
clearTimeout(objthis.a)
objthis.a=setTimeout(function(){objthis.obja.style.top=(document.documentElement.scrollTop + objthis.objb) + "px"},300);
}
}
</script>
<body>
<div>
<input type="submit" value='打开1'><br/>
<input type="submit" value='打开2'><br/>
<input type="submit" value='打开3'><br/>
<input type="submit" value='打开4'>
</div>
<div id="aa">
<div style="width:100px;margin:0px 10px;float:left;height:300px;border:1px solid red">对联</div>
<div style="width:100px;margin:0px 10px;float:right;height:300px;border:1px solid red">对联</div>
</div>
<script language="javascript">
var fff=new soll("aa",10)
</script>
</body></html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 udbyygy 于 2008-7-1 10:27 编辑 ]

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

udbyygy [楼主]

心肠大大滴好

荣誉管理团队

帖子: 1222
体力: 2079
威望: 4
当前: 北京丰台区
离线: 67 天

专长 C/C++

2^# 大中小发表于 2008-7-1 10:29

<!DOCTYPE html PUBLIC"-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head><title></title>
<style type="text/css">
*{padding:0px auto;margin:0px auto;}
body{font-size:12px;font-family:宋体;padding:0px;}
.tt{margin:0px 0px 260px 0px;border:1px solid red;}
</style>
</head>
<script language="javascript" type="text/javascript">
function sreen(a){
this.obja=document.getElementById(a);
this.objc=this.obja.offsetTop;
this.obja.style.height=this.objc + "px";
this.obja.style.top="0px";
this.obja.style.left="0px";
this.obja.style.width="0px";
document.getElementsByTagName("body")[0].style.position="relative";
this.ee=null;
}
sreen.prototype.r=function(){
this.ee=document.documentElement.scrollTop;
var objb=document.getElementsByTagName("body")[0];
objb.style.height=this.objc + "px";
objb.style.overflow="hidden";
objb.scrollTop=this.ee;
this.obja.style.width="100%";
this.obja.innerHTML="<div style='height:100%;background-color:#000;filter:alpha(opacity=50);opacity:0.5;'></div><table style='border:0px;position:absolute;top:0px;left:0px;width:90%;height:100%;text-align:center'><tr><td> " + this.txt + "</td></tr></div>";
this.obja.style.top=this.ee + "px";
}
sreen.prototype.end=function(){
this.obja.style.width="0px";
var objb=document.getElementsByTagName("body")[0];
objb.style.height="auto";
objb.style.overflow="auto";
document.documentElement.scrollTop=this.ee;
}
</script>
<body>
<div id="eeobj" style='overflow:hidden;height:0px;position:absolute;bottom:0px;left:0px;z-index:1000;'></div>
<script language="javascript" type="text/javascript">
var objoo=new sreen("eeobj");
objoo.txt="<div style='width:200px;height:100px;background-color:#fff'><button onclick='objoo.end()'>关闭</button></div>";
</script>
<div class="tt" onclick="objoo.r()">打开1</div>
<div class="tt" onclick="objoo.r()">打开2</div>
<div class="tt" onclick="objoo.r()">打开3</div>
<div class="tt" onclick="objoo.r()">打开4</div>
<div class="tt" onclick="objoo.r()">打开5</div>
</body></html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 udbyygy 于 2008-7-2 18:02 编辑 ]

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

不含ppa

银牌会员

帖子: 3753
体力: 2571
威望: 5
离线: 32 天

专长 网页设计,前端制作,.NET

3^# 大中小发表于 2008-7-1 10:53

好像FF3下面不工作。

Whip out the dissonance

TOP

请大家尊重和保护奥运知识产权。

weila2zong

落叶的影子

初级会员

帖子: 88
体力: 176
威望: 0
当前: 河南郑州
离线: 12 天

专长 网页设计,前端制作,网站运营

4^# 大中小发表于 2008-7-1 10:54

恩，就是，FF3下面什么效果都没有

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

udbyygy [楼主]

心肠大大滴好

荣誉管理团队

帖子: 1222
体力: 2079
威望: 4
当前: 北京丰台区
离线: 67 天

专长 C/C++

5^# 大中小发表于 2008-7-1 11:02

第几个,还是全部没效果

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

TOP

kl19872

花会开

中级会员

帖子: 155
体力: 317
威望: 0
当前: 山东荷泽
离线: 2 天

6^# 大中小发表于 2008-7-1 11:04

直接点1，2没效果
先点击第3个或第4个
第1，2就可以用了

TOP

udbyygy [楼主]

心肠大大滴好

荣誉管理团队

帖子: 1222
体力: 2079
威望: 4
当前: 北京丰台区
离线: 67 天

专长 C/C++

7^# 大中小发表于 2008-7-1 11:08

回复 kl19872 在 6# 的帖子

哦，你再试下

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

TOP

dashzhao

赵勇

银牌会员

帖子: 2199
体力: 1714
威望: 2
当前: 广东深圳

专长 网站运营,项目管理,推广

8^# 大中小发表于 2008-7-1 11:31

300的timeout是不是长了点

TOP