日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

【飞秋】记一次“偷盗”别人的CSS和Js

發布時間:2025/3/15 CSS 20 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【飞秋】记一次“偷盗”别人的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的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。