『原創』記一次“偷盜”別人的CSS和Js

今天下午，公司網站要求改版，需要做一個和51Job類似的職位選擇和行業類別選擇JS特效，偏偏這個任務落到了我這個最不懂Js的人的手上！蒼天、大地……

別提我自己寫了，先是上網一搜，哎，很多例子嘛，而且有源碼，HIA HIA HIA……最終，確定了用下面這個網站提供的例子：http://app.soche8.com/show/51job/

當然，人家頁面代碼中就有Js和Css了，而且還有詳細使用說明，真的要感謝這位兄弟！

在這裡說說，怎麼“拿”人家的Js和Css吧。

首先，按右鍵這個頁面，查看源檔案，記事本開啟原始碼後，我們看到如下一段：

<link rel="stylesheet" type="text/css" href="css.css" /><script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="drag.js"></script><script type="text/javascript" src="city_arr.js"></script><script type="text/javascript" src="nationality_arr.js"></script><script type="text/javascript" src="funtype_arr.js"></script><script type="text/javascript" src="industry_arr.js"></script><script type="text/javascript" src="major_arr.js"></script>

然後，通過網址和SRC屬性，確定了js檔案和css檔案的路徑地址後，在瀏覽器中（小弟用的是360），輸入這個檔案的完整路徑，比如最後一個Js檔案的路徑應該是：http://app.soche8.com/show/51job/marjor_arr.js

這樣，瀏覽器會自動開啟下載視窗

啊哈~這樣，把這些檔案下載吧………………

有了這些Js檔案，自己建個頁面，照葫蘆畫瓢也能搞出個123來了，等等，怎麼樣式不對呢？按鈕沒有背景圖片，彈出的Div層沒有樣式了……但是我已經下載到了人家的Css了啊？！

別急，不知道用了什麼技術，有些css不會在頁面代碼中顯示，那麼，是不是我們就沒轍了呢？不是，請耐心聽我分析。經驗告訴我，只要是開啟過的網頁，都應該留下痕迹，我們選擇工具——》IE選項——>然後點擊瀏覽歷程記錄的設定按鈕

然後再“查看檔案”

開啟一個資源管理員，啊哈，看到啥了？！

還有一個漏網之魚啊！！！

Ok，到此，也就“拿”的差不多了，再用之前的方法，把這個檔案拿下，看看裡面，還有些按鈕背景圖片，再把這些圖片按圖索驥！Ok，拿完收工了！

在這裡，小弟特別不明白，為什麼有些Css、Js檔案不會顯示在原始碼中呢？期望能夠找到答案！後來，把那些代碼拿下來，居然編碼不是utf-8的，全亂碼了，先是拿記事本一個一個另存新檔，不過被我發現一個很好用的批量編碼轉換程式，在這裡也分享給大家，反正很好用！強烈推薦！

點擊下載

希望大家能夠分享一些“拿”和“防拿”的經驗吧！