懒人图库JS代码安装步聚

1、首先任意下载一个懒人的JS代码

2、解压文件，把不相关的文件可以先删除掉

3、我们先打开index.htm文件。（用任意编辑器软件打开，用记事本也可以）

4、图中选中则为此特效的所有代码

5、我们可以从代码里看到包含了css/lrtk.cssjs/jquery.jsjs/jquery.movingboxes.js这三个主要外部调用文件和一段供修改JS效果代码（如图）

6、那么首先我们把代码先复制到我们自已的页面模板上（左边为懒人下载的代码,右边为你自已的页面）

7、我们先把</head>以上的代码先复制过去

8、我们可以看到，在我自已的页面中已经包含了一个CSS（右边）common.css（这种调用多个CSS样式是可以的，只要CSS里面不会冲突即可，当然我们可以把lrtk.css里面的样式全部复制到common.css里，然后就可以把lrtk.css删掉就可以了）

9、我们龅歧仲半打开lrtk.css看看里面哪些是需要的样式（打开后可以发现。选中的即是我们的特效不需要的部分，下面的才是我们需要的代码，红框选中的是一般的CSS通用代码，这些一般在你自已的css样式里就已经有了，所以这里不需要再把它复制到common.css里去，当然如果你的样式里如果没有这段，你也可以复制过去）

10、那这里我们就先把需要的CSS复制到我的页面的common.css里去

11、我把它放到了common.css的最底下

12、保存后，我们就可以把lrtk.css的这段删掉了,把它重要的东西复制过来后就，它就没用了

13、OK，到这里我们把CSS样式弄完了,接着我们看JS（JS没什么要画陲奴颁注意的，jquery.js这个是调用JQ库必要的jsjquery.movingboxes.js这个是JQ的一个插件，注意JQ库一定要放在前面就好了，这里我们不管，直接复制过来就没事了注意：如果你的页面本来就有调用JQ库的话，就不用再调用一次了我这里没有JS，所以全部复制过来就可以了好了,到这里我们把所有的头部文件搞好了，（代码复制好了。文件最后再搬过去，这里没有先后顺序，文件什么时候复制，跟代码没关系，只要全部有确定复制过来就好））

14、我们接着把div部份复制到自已的页面上,这里我就随便放到最上面了,div部份我们可以看到，懒人很友好地把“开始”跟“结束”的部份标记好了<!--代码开始--><!--代码结束-->我们把这中间的复制过来就可以了

15、这个标注文字你也可以一起复制过去，方便以后查找

16、复制完后，我们就可以关掉index.html了

17、接着我们把文件复制到自已的页面上就可以了（index.html这个已经不需要了，因为代码都转移到我们自已的页面上了）

18、我们可以看到，这些文件放在什么文件夹里，都是可以自由修改的，当然我们也没必要改了，直接把所有文件复制过来就可以了

19、因为我们刚刚把lrtk.css给删黏聪鲆熊掉了，所以CSS文件就没必要了，我们只要把js跟images图片文件复制过来就可以了，那么这里有个问题就是，我们要把这两个文件夹复制到哪个地方？（邙陕缥埋刚才我自已的页面是这个文件，所以我们把文件复制到这个目录就可以了）

20、复制过来后路径只要相对应就可以了，打开页面就把效果放到自已页面上了

21、ok，完毕