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

別提我自己寫了，先是上網(wǎng)一搜，哎，很多例子嘛，而且有源碼，HIA HIA HIA……最終，確定了用下面這個(gè)網(wǎng)站提供的例子：

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

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

首先，右鍵單擊這個(gè)頁面，查看源文件，記事本打開源代碼后，我們看到如下一段：

view sourceprint?1 <link rel="stylesheet" type="text/css" href="css.css" />?

2 <script type="text/javascript" src="jquery.js"></script>?

3 <script type="text/javascript" src="drag.js"></script>?

4 <script type="text/javascript" src="city_arr.js"></script>?

5 <script type="text/javascript" src="nationality_arr.js"></script>?

6 <script type="text/javascript" src="funtype_arr.js"></script>?

7 <script type="text/javascript" src="industry_arr.js"></script>?

8 <script type="text/javascript" src="major_arr.js"></script>

然后，通過網(wǎng)址和SRC屬性，確定了js文件和css文件的路徑地址后，在瀏覽器中（小弟用的是360），輸入這個(gè)文件的完整路徑，比如最后一個(gè)Js文件的路徑應(yīng)該是：

這樣，瀏覽器會(huì)自動(dòng)打開下載窗口

?

啊哈~這樣，把這些文件下載吧………………

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

別急，不知道用了什么技術(shù)，有些css不會(huì)在頁面代碼中顯示，那么，是不是我們就沒轍了呢？不是，請耐心聽我分析。經(jīng)驗(yàn)告訴我，只要是打開過的網(wǎng)頁，都應(yīng)該留下痕跡，我們選擇工具——》IE選項(xiàng)——>然后點(diǎn)擊瀏覽歷史記錄的設(shè)置按鈕

?

然后再“查看文件”

?

打開一個(gè)資源管理器，啊哈，看到啥了？！

?

還有一個(gè)漏網(wǎng)之魚啊！！！

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

在這里，小弟特別不明白，為什么有些Css、Js文件不會(huì)顯示在源代碼中呢？期望能夠找到答案！后來，把那些代碼拿下來，居然編碼不是utf-8的，全亂碼了，先是拿記事本一個(gè)一個(gè)另存為，不過被我發(fā)現(xiàn)一個(gè)很好用的批量編碼轉(zhuǎn)換程序，在這里也分享給大家，反正很好用！強(qiáng)烈推薦！

點(diǎn)擊下載

希望大家能夠分享一些“拿”和“防拿”的經(jīng)驗(yàn)吧！

關(guān)注技術(shù)文章飛秋：http://www.freeeim.com/，24小時(shí)專業(yè)轉(zhuǎn)載。

總結(jié)

以上是生活随笔為你收集整理的【飞秋】记一次“偷盗”别人的CSS和Js的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。