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

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

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

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

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

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>

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

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

?

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

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

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

?

然后再“查看文件”

?

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

?

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

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

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

點(diǎn)擊下載

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

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

總結(jié)

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

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