【飞秋】记一次“偷盗”别人的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小时专业转载。