『原创』记一次“偷盗”别人的CSS和Js

今天下午,公司网站要求改版,需要做一个和51Job类似的职位选择和行业类别选择JS特效,偏偏这个任务落到了我这个最不懂Js的人的手上!苍天、大地……

别提我自己写了,先是上网一搜,哎,很多例子嘛,而且有源码,HIA HIA HIA……最终,确定了用下面这个网站提供的例子:http://app.soche8.com/show/51job/

当然,人家页面代码中就有Js和Css了,而且还有详细使用说明,真的要感谢这位兄弟!

在这里说说,怎么“拿”人家的Js和Css吧。

首先,右键单击这个页面,查看源文件,记事本打开源代码后,我们看到如下一段:

<link rel="stylesheet" type="text/css" href="css.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="drag.js"></script>
<script type="text/javascript" src="city_arr.js"></script>
<script type="text/javascript" src="nationality_arr.js"></script>
<script type="text/javascript" src="funtype_arr.js"></script>
<script type="text/javascript" src="industry_arr.js"></script>
<script type="text/javascript" src="major_arr.js"></script>

然后,通过网址和SRC属性,确定了js文件和css文件的路径地址后,在浏览器中(小弟用的是360),输入这个文件的完整路径,比如最后一个Js文件的路径应该是:http://app.soche8.com/show/51job/marjor_arr.js

这样,浏览器会自动打开下载窗口

啊哈~这样,把这些文件下载吧………………

有了这些Js文件,自己建个页面,照葫芦画瓢也能搞出个123来了,等等,怎么样式不对呢?按钮没有背景图片,弹出的Div层没有样式了……但是我已经下载到了人家的Css了啊?!

别急,不知道用了什么技术,有些css不会在页面代码中显示,那么,是不是我们就没辙了呢?不是,请耐心听我分析。经验告诉我,只要是打开过的网页,都应该留下痕迹,我们选择工具——》IE选项——>然后点击浏览历史记录的设置按钮

然后再“查看文件”

打开一个资源管理器,啊哈,看到啥了?!

还有一个漏网之鱼啊!!!

Ok,到此,也就“拿”的差不多了,再用之前的方法,把这个文件拿下,看看里面,还有些按钮背景图片,再把这些图片按图索骥!Ok,拿完收工了!

在这里,小弟特别不明白,为什么有些Css、Js文件不会显示在源代码中呢?期望能够找到答案!后来,把那些代码拿下来,居然编码不是utf-8的,全乱码了,先是拿记事本一个一个另存为,不过被我发现一个很好用的批量编码转换程序,在这里也分享给大家,反正很好用!强烈推荐!

点击下载

希望大家能够分享一些“拿”和“防拿”的经验吧!

posted @ 2010-08-04 15:30  Jack Fan  阅读(3436)  评论(40编辑  收藏  举报
TOP