近期项目中用到的一些本身写的或者整理而成的前端效果干货

目录

1、jQuery 上下滚动抽奖效果
2、JQ地址级联划动选择器-中国省市区
3、JQ地址级联划动选择器-日期
4、JQ地址级联划动选择器-日期时间
5、jQuery + animation.css滑动解锁
6、jQuery.countdown jQuery倒计时插件
7、Simple Switch 简单的jQuery Switch开关插件
8、jQuery下拉刷新
9、Three.js全景小游戏，找小黄豆
10、Egret小游戏，手势控制弹球球 
11、jQuery + animate.css 记分牌翻牌效果
12、jQuery中国省市区地址选择器
十3、React中国省市区地址选择器
十4、简单的jQuery + css3内容轮播
十5、CSS3简单动画制做
十6、简单的pixi.js动画及动画制做思路
十7、jQ+CSS3转盘
十8、jQuery.sdialog简单的jQuery对话框组件For手机端

更多项目...

快速浏览全部PUI Demo 

想查看源代码，能够自行F12，或在github中直接查看源码，或者欢迎直接留言。

1、jQuery上下滚动抽奖效果

这jQuery插件主要是被使用到一些抽奖页面。效果以下：

点击查看　在线演示

 

2、JQ地址级联划动选择器-中国省市区

纯前端实现的地址级联选择器，这种类mobiscroll级联地址选择器很是实用。效果以下：

点击查看　在线演示

 

3、JQ地址级联划动选择器-日期

类mobiscroll级联日期选择器。效果以下：

点击查看　在线演示

 

4、JQ地址级联划动选择器-日期时间

类mobiscroll级联日期时间选择器。效果以下：

点击查看　在线演示

 

5、jQuery + animation.css滑动解锁

类iphone滑屏解锁交互效果。效果以下：

点击查看　在线演示

 

6、jQuery.countdown jQuery倒计时插件

可自定义的jQuery倒计时插件。效果以下：

点击查看　在线演示

 

7、Simple Switch 简单的jQuery Switch开关插件

目录比较经常使用的开关选择器。效果以下：

点击查看　在线演示

 

8、jQuery下拉刷新

类原生的目前比较流行的下拉刷新jQuery插件。效果以下：

点击查看　在线演示

 

9、Three.js全景小游戏，找小黄豆

Three.js入门级的Demo使用例子，全影效果震撼装逼一流。效果以下：

点击查看　在线演示

 

10、Egret小游戏，手势控制弹球球

Egret是专业的h5游戏制做引擎，做为前端不学一下装装Ｂ说不过去，不过要用到typescript，有面向对象的编码思路，可能有些人不太习惯呵可。注意玩法是要左右甩甩手机来控制球球移动，效果以下：

点击查看　在线演示

 

11、jQuery + animate.css 记分牌翻牌效果

类翻牌效果，篮球比赛常常看到的记份牌就这效果。效果以下：

点击查看　在线演示

 

12、jQuery中国省市区地址选择器

纯前端实现的级联的地址下拉选择器。效果以下：

点击查看　在线演示

 

十3、React中国省市区地址选择器

纯前端实现的级联的地址下拉选择器。效果以下：

点击查看　在线演示

 

十4、简单的jQuery + css3内容轮播

上下翻屏滚动类的内容轮播，用于展现促销信息、中奖信息、滚动新闻等等。效果以下：

点击查看　在线演示

 

十5、CSS3简单动画制做

CSS3手工动画制做入门类的教程，固然能够参考animate.css来学习更加容易上手。效果以下：

点击查看　在线演示

 

十6、简单的pixi.js动画及动画制做思路

pixi.js是个很是不错的动画制做引擎，能够用来制做很眩的动画效果，这里是入门级的使用范例。效果以下：

点击查看　在线演示

 

十7、jQ+CSS3转盘

能够直接修改用于本身的抽奖转盘，转动角度及时间能够自定义。效果以下：

点击查看　在线演示

 

十8、jQuery.sdialog简单的jQuery对话框组件For手机端

很是实用的多功能对话框组件，已大规模应用到目前项目手机网页中。效果以下：

点击查看　在线演示