zoukankan      html  css  js  c++  java
  • 『原创』记一次“偷盗”别人的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的,全乱码了,先是拿记事本一个一个另存为,不过被我发现一个很好用的批量编码转换程序,在这里也分享给大家,反正很好用!强烈推荐!

    点击下载

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

    作者:Jack Fan初学博闻
    出处:http://longqi293.cnblogs.com
    本博文欢迎大家浏览和转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,在『参考』的文章中,我会表明参考的文章来源,尊重他人版权。若您发现我侵犯了您的版权,请及时与我联系。

    知识共享许可协议
    本篇博文 by Jack Fan is licensed under a Creative Commons 署名-非商业性使用-相同方式共享 2.5 中国大陆 License.

    这是我的公众号,【代码只是副业】

  • 相关阅读:
    PointToPointNetDevice doesn't support TapBridgeHelper
    NS3系列—10———NS3 NodeContainer
    NS3系列—9———NS3 IP首部校验和
    NS3系列—8———NS3编译运行
    【习题 7-6 UVA
    【Good Bye 2017 C】 New Year and Curling
    【Good Bye 2017 B】 New Year and Buggy Bot
    【Good Bye 2017 A】New Year and Counting Cards
    【Educational Codeforces Round 35 D】Inversion Counting
    【Educational Codeforces Round 35 C】Two Cakes
  • 原文地址:https://www.cnblogs.com/longqi293/p/1792214.html
Copyright © 2011-2022 走看看