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

來源:互聯網
上載者:User

今天下午,公司網站要求改版,需要做一個和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的,全亂碼了,先是拿記事本一個一個另存新檔,不過被我發現一個很好用的批量編碼轉換程式,在這裡也分享給大家,反正很好用!強烈推薦!

點擊下載

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.