原生javascript实现的一些例子  

例子1：图片轮播  

参考代码/图片资源取自地址 https://github.com/hishion/jquery.hiSlider.js    

效果展示  https://zhijs.github.io/web/slider.  

例子2:图片懒加载

原理

监听可视区域的滑动事件，当某个img元素出现在可视区域时，为该img的src属性赋值为图片的地址。

效果展示 https://zhijs.github.io/web/lazyLoad

例子3:图片全屏轮播

效果展示 https://zhijs.github.io/web/animation

例子4:css3圆圈进度条

效果展示 https://zhijs.github.io/web/loading

例子5：css3实现立方体

效果展示https://zhijs.github.io/web/cube

例子6：javascript and jquery实现日历插件

效果展示：https://zhijs.github.io/web/datepicker

例子7：javascript and jquery实现自定义对话框插件

效果展示：https://zhijs.github.io/web/dialog