87,996
社区成员
发帖
与我相关
我的任务
分享[散分] 眼见为实？
<html>
<head>
<title>Eye Opener</title>
<style>
body{background-color:black;color:white;font-family:verdana;font-size:9pt;}
.s{border:1 solid #ccc;border-collapse:collapse;margin:-1 0 0 0}
.s td{width:32px;height:32px;border:0}
.bl{background-color:white}
.wt{background-color:black}
.show{background-color:#333}
</style>
<script language="JavaScript">
<!--
function makeTable(){
var d = 10, MAX=15, MIN=-15,k=0;
for(var i=0;i<8;i++){
var t = document.createElement("TABLE");
t.cellSpacing = t.cellPadding = 0;
t.className = "s";
var r = t.insertRow();
for(var j=0; j<16; j++){
var c = r.insertCell();
c.innerText=" ";
c.className = (j%2==0) ? "bl" : "wt";
}
t.style.marginLeft = k;
dis.appendChild(t);
if((k+d)<MIN || (k+d)>MAX) d*=-1;
k = k+d;
}
}
var show = true;
function showMe(){
var td = dis.getElementsByTagName("TD");
for(var i=0;i<td.length;i++)
if((td[i].cellIndex % 2)==0)
td[i].className = show ? "show" :"bl" ;
show = !show;
}
window.onload = makeTable;
//-->
</script>
</head>
<body>
<h1>Eye Opener</h1>
<p>Do you believe you eyes? <button onclick=showMe() title="show me the truth">Show Me</button></p>
<div id=dis style="margin-left:50px" title="Are these lines horizontal?">
</div>
<hr>
<ADDRESS>created by <a href="">onestab</a></ADDRESS>
</body>
</html>
<head>
<title>Eye Opener</title>
<style>
body{background-color:black;color:white;font-family:verdana;font-size:9pt;}
.s{border:1 solid #ccc;border-collapse:collapse;margin:-1 0 0 0}
.s td{width:32px;height:32px;border:0}
.bl{background-color:white}
.wt{background-color:black}
.show{background-color:#333}
</style>
<script language="JavaScript">
<!--
function makeTable(){
var d = 10, MAX=15, MIN=-15,k=0;
for(var i=0;i<8;i++){
var t = document.createElement("TABLE");
t.cellSpacing = t.cellPadding = 0;
t.className = "s";
var r = t.insertRow();
for(var j=0; j<16; j++){
var c = r.insertCell();
c.innerText=" ";
c.className = (j%2==0) ? "bl" : "wt";
}
t.style.marginLeft = k;
dis.appendChild(t);
if((k+d)<MIN || (k+d)>MAX) d*=-1;
k = k+d;
}
}
var show = true;
function showMe(){
var td = dis.getElementsByTagName("TD");
for(var i=0;i<td.length;i++)
if((td[i].cellIndex % 2)==0)
td[i].className = show ? "show" :"bl" ;
show = !show;
}
window.onload = makeTable;
//-->
</script>
</head>
<body>
<h1>Eye Opener</h1>
<p>Do you believe you eyes? <button onclick=showMe() title="show me the truth">Show Me</button></p>
<div id=dis style="margin-left:50px" title="Are these lines horizontal?">
</div>
<hr>
<ADDRESS>created by <a href="">onestab</a></ADDRESS>
</body>
</html>
...全文
请发表友善的回复…
发表回复
zhangguagua 2003-02-22
- 打赏
- 举报
眼睛都花了,视觉错误真奇妙
whcasp 2003-02-22
- 打赏
- 举报
眼睛一会花了
baitianhai 2003-02-22
- 打赏
- 举报
不错
wanghr100 2003-02-22
- 打赏
- 举报
还行吧...
zhx_232 2003-02-22
- 打赏
- 举报
不错
EPICShiShi 2003-02-22
- 打赏
- 举报
我喜欢第二个，做的不错，很有意思。
natson 2003-02-19
- 打赏
- 举报
hao ! good
回炉重造，学习编程中。。。 2003-02-19
- 打赏
- 举报
up
春哥视角 2003-02-19
- 打赏
- 举报
视觉误差
zhanglz 2003-02-19
- 打赏
- 举报
那么有趣吗
月光易水 2003-02-19
- 打赏
- 举报
换个思考方式,也可以看出底细来得
用眼,用耳,用心,无用矣...
:_)
用眼,用耳,用心,无用矣...
:_)
DragonFly-9 2003-02-19
- 打赏
- 举报
有趣
ysharp 2003-02-19
- 打赏
- 举报
Funny....
zjj2002 2003-02-10
- 打赏
- 举报
very good!
希偌 2003-02-10
- 打赏
- 举报
刚巧路过，看看
flyinweb 2003-02-10
- 打赏
- 举报
不错
江南昆虫 2003-02-10
- 打赏
- 举报
：）好玩！
kwiner 2003-02-10
- 打赏
- 举报
好好
zl17 2003-02-10
- 打赏
- 举报
点击后，
白色渐渐显出来。
...
不过，到底做什么用呢
白色渐渐显出来。
...
不过，到底做什么用呢
emu 2003-02-10
- 打赏
- 举报
好玩儿
加载更多回复（34）
