RSS   



  可打印版本 | 推薦給朋友 | 訂閱主題 | 收藏主題 | 純文字版  


 


 
主題: [html/html5] [討論]發現一個蠻有趣的網頁   字型大小:||| 
Vic
開墾隊隊長.苦力
等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32
老得不能再稱小的熊

十週年紀念徽章(五級)   終生苦力熊勳章  

今日心情

 . 積分: 9409
 . 精華: 28
 . 文章: 9949
 . 收花: 79211 支
 . 送花: 10986 支
 . 比例: 0.14
 . 在線: 2902 小時
 . 瀏覽: 187021 頁
 . 註冊: 7981
 . 失蹤: 86
 . 大熊國
#1 : 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   ...&gt;#...8$.}a...
0443340  77 83 FF FF F0 FF FF FF 58 3E 43 08 00 C3 08 04   w.......X&gt;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();



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
陽だまり
白銀驢友
等級: 15等級: 15等級: 15等級: 15等級: 15
ささらの可愛さは異常

 . 積分: 1330
 . 精華: 1
 . 文章: 3159
 . 收花: 10387 支
 . 送花: 26639 支
 . 比例: 2.56
 . 在線: 4508 小時
 . 瀏覽: 30308 頁
 . 註冊: 7198
 . 失蹤: 1205
 . 星の彼方
#2 : 2012-5-16 09:25 PM     只看本作者 引言回覆

這個網頁就和那個轉圈的女人一樣
字可以向下捲,也可以向上捲



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
Vic
開墾隊隊長.苦力
等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32
老得不能再稱小的熊

十週年紀念徽章(五級)   終生苦力熊勳章  

今日心情

 . 積分: 9409
 . 精華: 28
 . 文章: 9949
 . 收花: 79211 支
 . 送花: 10986 支
 . 比例: 0.14
 . 在線: 2902 小時
 . 瀏覽: 187021 頁
 . 註冊: 7981
 . 失蹤: 86
 . 大熊國
#3 : 2012-5-17 02:13 PM     只看本作者 引言回覆

那個轉圈的女人?


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
BloodLust
金驢友〔初級〕
等級: 16等級: 16等級: 16等級: 16
IC 設計勞工

 . 積分: 1795
 . 精華: 1
 . 文章: 641
 . 收花: 15288 支
 . 送花: 6630 支
 . 比例: 0.43
 . 在線: 2760 小時
 . 瀏覽: 33849 頁
 . 註冊: 6886
 . 失蹤: 1281
 . TWed2k-DVD幫
#4 : 2012-5-17 04:41 PM     只看本作者 引言回覆


引用:
Vic寫到:
那個轉圈的女人?





[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
Vic
開墾隊隊長.苦力
等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32
老得不能再稱小的熊

十週年紀念徽章(五級)   終生苦力熊勳章  

今日心情

 . 積分: 9409
 . 精華: 28
 . 文章: 9949
 . 收花: 79211 支
 . 送花: 10986 支
 . 比例: 0.14
 . 在線: 2902 小時
 . 瀏覽: 187021 頁
 . 註冊: 7981
 . 失蹤: 86
 . 大熊國
#5 : 2012-5-17 08:24 PM     只看本作者 引言回覆

原來是“她”…謝謝圖片。

陽先生…為何你看到那網頁會想到“她”?



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
335012
銀驢友〔初級〕
等級: 12等級: 12等級: 12
英雄檸檬

今日心情

 . 積分: 391
 . 文章: 1008
 . 收花: 3299 支
 . 送花: 20293 支
 . 比例: 6.15
 . 在線: 2097 小時
 . 瀏覽: 16930 頁
 . 註冊: 7195
 . 失蹤: 350
 . 台南市仁德區
#6 : 2012-5-17 10:43 PM     只看本作者 引言回覆

眼花


[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
Vic
開墾隊隊長.苦力
等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32等級: 32
老得不能再稱小的熊

十週年紀念徽章(五級)   終生苦力熊勳章  

今日心情

 . 積分: 9409
 . 精華: 28
 . 文章: 9949
 . 收花: 79211 支
 . 送花: 10986 支
 . 比例: 0.14
 . 在線: 2902 小時
 . 瀏覽: 187021 頁
 . 註冊: 7981
 . 失蹤: 86
 . 大熊國
#7 : 2012-5-17 11:29 PM     只看本作者 引言回覆

眼花?怎麼我覺得蠻舒服的。

對了…上面的朋友…你的html5/css3/jquery 學("用")得怎麼樣?



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記
陽だまり
白銀驢友
等級: 15等級: 15等級: 15等級: 15等級: 15
ささらの可愛さは異常

 . 積分: 1330
 . 精華: 1
 . 文章: 3159
 . 收花: 10387 支
 . 送花: 26639 支
 . 比例: 2.56
 . 在線: 4508 小時
 . 瀏覽: 30308 頁
 . 註冊: 7198
 . 失蹤: 1205
 . 星の彼方
#8 : 2012-5-18 06:34 AM     只看本作者 引言回覆


引用:
Vic寫到:
原來是“她”…謝謝圖片。

陽先生…為何你看到那網頁會想到“她”?

因為隨著錯覺
會發現數字有時候向上跑
有時候會向下跑啊



[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
本文連接  
檢閱個人資料  訪問主頁  發私人訊息  Blog  快速回覆 新增/修改 爬文標記

   

快速回覆
表情符號

更多 Smilies

字型大小 : |||      [完成後可按 Ctrl+Enter 發佈]        

溫馨提示:本區開放遊客瀏覽。
選項:
關閉 URL 識別    關閉 表情符號    關閉 Discuz! 代碼    使用個人簽名    接收新回覆信件通知
發表時自動複製內容   [立即複製] (IE only)


 



所在時區為 GMT+8, 現在時間是 2024-3-28 04:21 PM
清除 Cookies - 連絡我們 - TWed2k © 2001-2046 - 純文字版 - 說明
Discuz! 0.1 | Processed in 0.029356 second(s), 6 queries , Qzip disabled