视差背景html（修改自站长素材）

起因

给博客折腾了一个上级网站主页，在站长素材看见一个背景视差滚动模板，然后就魔改了一个自己的主页，点击访问我的网站主页源代码（感谢互联网）
手机端访问没有效果，见下图效果：

改动

添加了两行文字一个链接，几个效果，看起来与原模板没多大区别，对小白的挑战还是有难度的，首先html？？？css？？？更不谈模板使用的啥jquery了，别说了，先看index.html，开始

• 看html源码

	



适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
来源：站长素材

• 冷静分析，瞎思考
  以我对html啥啥的了解程度，结合百度，大概明白在文档head里面定义了样式、body里面有个box盒子与脚本函数。再认真一看，代码写得真易懂，等于我现在就是要自己加两个盒子和相配合的脚本函数（再把下面的东东去掉）
• 先加盒子：

 

    
        你说，感动生活的是什么，是绝处逢生还是平平淡淡
 
 
 

    
   Welcome My Site！blog
        
 
 

• 再加位置函数
  不懂就先复制原函数，再琢磨着脑袋里的c语言知识，改：

• 调整位置，再来点花里胡哨
  说实话，位置要慢慢调，完事儿后，看到github榜单有个css拷贝项目（日常Ctrl cv来了），点进去官方，发现东西不多，但是对我这种小白，嘿嘿嘿，copy
  

都这么友好了，在自己的网页上加上吧，就是css样式加上html代码，细细看前端还是蛮有趣的

感谢

感谢互联网上的各类资源与教程，衷心感谢