【飞秋】记一次“偷盗”别人的CSS和Js
?今天下午,公司網站要求改版,需要做一個和51Job類似的職位選擇和行業類別選擇JS特效,偏偏這個任務落到了我這個最不懂Js的人的手上!蒼天、大地……
別提我自己寫了,先是上網一搜,哎,很多例子嘛,而且有源碼,HIA HIA HIA……最終,確定了用下面這個網站提供的例子:
當然,人家頁面代碼中就有Js和Css了,而且還有詳細使用說明,真的要感謝這位兄弟!
在這里說說,怎么“拿”人家的Js和Css吧。
首先,右鍵單擊這個頁面,查看源文件,記事本打開源代碼后,我們看到如下一段:
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>
然后,通過網址和SRC屬性,確定了js文件和css文件的路徑地址后,在瀏覽器中(小弟用的是360),輸入這個文件的完整路徑,比如最后一個Js文件的路徑應該是:
這樣,瀏覽器會自動打開下載窗口
?
啊哈~這樣,把這些文件下載吧………………
有了這些Js文件,自己建個頁面,照葫蘆畫瓢也能搞出個123來了,等等,怎么樣式不對呢?按鈕沒有背景圖片,彈出的Div層沒有樣式了……但是我已經下載到了人家的Css了啊?!
別急,不知道用了什么技術,有些css不會在頁面代碼中顯示,那么,是不是我們就沒轍了呢?不是,請耐心聽我分析。經驗告訴我,只要是打開過的網頁,都應該留下痕跡,我們選擇工具——》IE選項——>然后點擊瀏覽歷史記錄的設置按鈕
?
然后再“查看文件”
?
打開一個資源管理器,啊哈,看到啥了?!
?
還有一個漏網之魚啊!!!
Ok,到此,也就“拿”的差不多了,再用之前的方法,把這個文件拿下,看看里面,還有些按鈕背景圖片,再把這些圖片按圖索驥!Ok,拿完收工了!
在這里,小弟特別不明白,為什么有些Css、Js文件不會顯示在源代碼中呢?期望能夠找到答案!后來,把那些代碼拿下來,居然編碼不是utf-8的,全亂碼了,先是拿記事本一個一個另存為,不過被我發現一個很好用的批量編碼轉換程序,在這里也分享給大家,反正很好用!強烈推薦!
點擊下載
希望大家能夠分享一些“拿”和“防拿”的經驗吧!
關注技術文章飛秋:http://www.freeeim.com/,24小時專業轉載。
總結
以上是生活随笔為你收集整理的【飞秋】记一次“偷盗”别人的CSS和Js的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PIC单片机精通_串口通讯与串口调试实例
- 下一篇: PIC单片机精通_串口通信模块C实现