今天呢,我们将来分析这个效果的原理,然后做一个简单的案例,明天再结合php+sql进行一个真实的案例讲解。
三、准备工作
我们还是先来看下如果想要实现这个功能都需要具备些什么吧!
1、任意一款编辑器,例如:Dreamweaver 、HBuilder、Sublime Text、EditPlus、Notepad++等;
2、会p+css布局;
3、有js或jq基础;
4、会使用ajax;
5、会php及sql语句查询;
下面我们将针对上面的准备工作进行一一突破!
3.1、解决编辑器问题
编辑器这玩意儿,就不需要多说了吧。直接上网搜索就是,然后下载下来后进行解压、安装之类%本文来源gaodai#ma#com搞*代#码9网#搞gaodaima代码的步骤。如果看官不会此步骤,建议浏览文章→→Dreamweaver Cs6安装 ,按照文章来进行安装Dreamweaver
软件。
3.2、解决p+css布局问题
前面说过,今天只讲一个简单的案例,所以我们只需要一个简单的布局即可。布局的话就以上面的分析图为例。在上代码前,艺灵建议看官根据上面的分析图进行自己写代码,标签随便用,但要注意核心内容。
3.2.1、html布局