/web

原生javascript and css 实现效果例子

Primary LanguageJavaScript

原生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