wisdomzj / exercise_demo

练习demo

exercise_demo

PC端页面布局

1、小米商城首页

高仿小米商场首页，jQuery库为基础，实现大部分原版动态效果，未使用插件。

查看链接： http://demo.bestzhangjun.com/demos/demo_mi/index.html

2、博雅互动首页

高仿博雅互动首页，jQuery库为基础，实现大部分原版动态效果，未使用插件。

查看链接： http://demo.bestzhangjun.com/demos/demo_erudition/index.html

3、闽江学校官网

高仿闽江学校官网首页，jQuery库为基础，实现大部分原版动态效果，未使用插件。

查看链接： http://demo.bestzhangjun.com/demos/demo_mjpage/index.html

4、某新闻网首页

锻炼html+css能力， 模仿星火计划网布局样式。

查看链接：http://demo.bestzhangjun.com/demos/demo_spark/index.html

Js特效案例

1、轮播图

轮播图效果

查看链接： http://demo.bestzhangjun.com/demos/demo_shuffing/jq_version/index.html

2、放大境

放大境效果

查看链接： http://demo.bestzhangjun.com/demos/demo_magnify/jd_version/index.html

3、无缝切换

无缝切换效果

查看链接： http://demo.bestzhangjun.com/demos/demo_slide/train1_version/index.html

4、tab切换

tab切换效果

查看链接： http://demo.bestzhangjun.com/demos/demo_tab/jq_version/index.html

5、漂浮广告

漂浮广告效果

查看链接： http://demo.bestzhangjun.com/demos/demo_floating/full_version/index.html

6、倒计时

倒计时效果

查看链接： http://demo.bestzhangjun.com/demos/demo_bzzzik/bzzzik.html

Css3&Html5案例

1、图片墙效果

2、曲线&翘边阴影

3、3D效果

4、微场景

5、h5相关

移动端页面布局

1、淘宝移动端布局（老版本）

高仿淘宝移动端首页，swiper插件，实现原版所有动态效果。

高仿淘宝移动端首页链接： http://demo.bestzhangjun.com/demos/demo_taobao/vw_version/index.html

手机扫码查看：

2、响应式布局（整理中）