思想和行动,总有一个不能落后于人。
在多次更改代码未果之后,某神说,其实要做的东西很简单,没有你想的那么复杂,既然你想做一个和别人功能相似的网站,那么试着去copy一个别人的网站就可以了。
比如复制这么一个网站http://jiaoao.smartisan.com/proud/
你需要的基本工具就是firebug,其他几不用了。
安装完firebug之后,进入目标网站
然后按键盘上的F12进入开发者模式,再对页面进行刷新,这个时候你就可以看到Firebug的网络里面显示了该网页的所有的加载项,这个时候我们就可以选择复制该网页的css文件和js文件,具体方法为
找到该网页的加载的css和js文件 然后右键该css文件
复制地址,在浏览器页面打开。这时候就可以看到该网站加载的css文件
看到这么乱的css代码肯定是很乱,不方便修改的,所以这个时候要简单的对css文件进行一下修改美化,百度一下在线代码格式化或者代码美化
杂乱的代码就变成我们习惯的样子了。
这时候同样复制一下js文件,php文件,然后进行修改,保存。
至于html文件,可以在firebug的html中发现,然后复制,格式化,最后修改。
还有写细致的东西,比如隐藏的div或者图片什么,第一大多凭借经验判断,第二是在chrome中监控观察,比如该网站鼠标悬停的一个图片放大功能。在实际的html中被放大的图片是不显示的。
但是当鼠标悬停之后,图片就显示出来了。这个img的b标签就的class多了一个on,这个时候就显示出来图片了。可以右键审查元素实现对该元素动作的监控。
还有在观察特殊功能的时候,可以审查元素,然后观察该元素的具体写法,例如审查该元素
选择查看元素
就可以看到标记的该元素,后面有一个ev也就是event 时间的意思,点击ev然后就可以看到这个元素能够响应哪些事件了。。
这是一个比较赞的功能(我觉得),这样就可以区分处js具体控制了哪一个类。
新手文章,有很多东西理解的很粗糙,不全面,望大家指正。