主題: [html/html5] [討論]發現一個蠻有趣的網頁 [打印本頁]
發表人:
Vic 時間: 2012-5-16 02:56 PM 主題: [討論]發現一個蠻有趣的網頁
http://www.jwz.org/
Jamie Zawinski 的個人網頁…蠻有趣的。令熊想起matrix...
大家打開源碼…會發現他首先用一個div來裝那些memory address
<DIV CLASS="c"><PRE>
0443300 A4 11 20 C4 00 07 38 06 58 21 40 10 00 46 0F 85 .. ...8.X!@..F..
0443320 81 F7 AC 3E 23 07 E1 8F 38 24 0C 7D 61 F1 19 F9 ...>#...8$.}a...
0443340 77 83 FF FF F0 FF FF FF 58 3E 43 08 00 C3 08 04 w.......X>C.....
0443360 02 01 00 00 FF F3 22 C4 0A 0B 28 7B 05 9F 88 10 ......"...({....
0443400 02 00 39 D7 18 78 2F 66 18 65 F1 43 2B FE 45 16 ..9..x/f.e.C+.E.
0443420 B9 53 94 DB 28 04 77 51 70 FB 93 FE 08 00 D0 73 .S..(.wQp......s
0443440 FC A0 0C 9D 0C 08 38 1D 07 FF F3 20 C4 05 09 C0 ......8.... ....
0443460 A2 F1 65...
</PRE></DIV>
再以javascipt來移動 //--是熊加的comment，有錯請指正。
var p = 0; //--移轉範圍
var q = -12; //--移動速度
function a() {
if (window.setTimeout && document.getElementsByTagName) {
var o = 12 * (2 << 6); //--開始的top, =1536
var b = document.getElementsByTagName("pre")[0]; //--DIV element
b.style.top = (p - o) + "pt"; //--DIV top position
var l = document.getElementsByTagName("b"); //--link elements
var o = -(p - o) + "pt"; //--link top pos
for (var a in l) {
if (l[a].style)
l[a].style.top = o;
}
p += q; //--移動後的p（範圍）
if (p < -2 << 9 || p >= 0) //--檢查p，看是否需要改變移動方向（上or下）
q = -q;
window.setTimeout(this.a, 2 << 9); //--2 << 6 (128) ms後再run a
}
}
a();
發表人:
陽だまり 時間: 2012-5-16 09:25 PM
這個網頁就和那個轉圈的女人一樣
字可以向下捲，也可以向上捲
發表人:
Vic 時間: 2012-5-17 02:13 PM
那個轉圈的女人？
發表人:
BloodLust 時間: 2012-5-17 04:41 PM
引用:
Vic寫到:
那個轉圈的女人？
發表人:
Vic 時間: 2012-5-17 08:24 PM
原來是“她”…謝謝圖片。
陽先生…為何你看到那網頁會想到“她”？
發表人:
335012 時間: 2012-5-17 10:43 PM
眼花
發表人:
Vic 時間: 2012-5-17 11:29 PM
眼花？怎麼我覺得蠻舒服的。
對了…上面的朋友…你的html5/css3/jquery 學("用")得怎麼樣？
發表人:
陽だまり 時間: 2012-5-18 06:34 AM
引用:
Vic寫到:
原來是“她”…謝謝圖片。
陽先生…為何你看到那網頁會想到“她”？
因為隨著錯覺
會發現數字有時候向上跑
有時候會向下跑啊
| 歡迎光臨 TWed2k (http://twed2k.org/) |
Powered by Discuz! 4.1.0 |