05 2016 档案

jQuery+css3弹出框插件
摘要：先来看DEMO：https://codepen.io/jonechen/pen/regjGG 插件的开发很简单，运用了CSS3的动画效果，并且弹出框的内容可以自定义。插件的默认配置参数有三个： CSS部分： HTML部分： JS插件部分： 插件调用方法： 插件下载：jQuery.dropMenu.j 阅读全文
posted @ 2016-05-17 11:55 Jone_chen 阅读(938) 评论(0) 推荐(1) 编辑
详解使用CSS3绘制矩形、圆角矩形、圆形、椭圆形、三角形、弧
摘要：1.矩形 绘制矩形应该是最简单的了，直接设置div的宽和高，填充颜色，效果就出来了。2.圆角矩形 绘制圆角矩形也很简单，在1的基础上，在使用css3的border-radius，即可。3.圆 根据圆的特性，在2的基础上，设置div的宽和高一直，为正方形，然后设置border-radius为50%即可 阅读全文
posted @ 2016-05-16 10:42 Jone_chen 阅读(1417) 评论(0) 推荐(0) 编辑
CSS3翻转特效；
摘要：CSS代码： HTML： DEMO地址：http://codepen.io/jonechen/pen/JXwzKQ 阅读全文
posted @ 2016-05-06 14:25 Jone_chen 阅读(562) 评论(0) 推荐(0) 编辑
jQuery图片无缝轮播插件；
摘要：图片轮播这种效果在web开发中看常见，网上的插件也有很多，最近在整理项目的过程中，把之前的图片轮播效果整合了一下，整理成一个可调用的插件以做记录，也方便更多前端爱好者来学习使用；图片的轮播原理很简单，无非是动画改变需要运动元素的top、left等值；先来看插件的基本代码： 插件的调用： 插件基本AP 阅读全文
posted @ 2016-05-03 14:57 Jone_chen 阅读(508) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示